Pular para o conteúdo
← Back to Skalablog

Published article

25 Claude Design Tricks to Level Up Fast

Software EngineeringClaudeClaude CodeAnthropic

The 25 Claude design tricks from Jay E's 13-minute RoboNuggets video, organized from quick wins to power-user workflows so you can act on them fast.

What the 25 Claude Design Tricks Cover

The 25 Claude design tricks come from a 13-minute video published on 2026-09-27 by Jay E on the RoboNuggets channel, a channel focused on practical AI workflows for businesses. The video promises a progression: tricks anyone can apply in minutes first, then advanced power-user techniques, including a few the presenter says are rarely discussed elsewhere.

This article preserves that structure. The tricks are grouped by difficulty and by the tool they depend on, because that is the decision a reader actually faces: which tricks apply if you only use the Claude web app, and which ones require Claude Code, Anthropic agentic coding tool that runs in the terminal.

A note on sourcing: the full transcript of the video was not available for this article, so the summary below is based on the video's published description, title, and channel metadata. Where a specific trick cannot be verified from the source material, it is described at the category level rather than invented in detail.

Where to Start With Claude Design

Start with the tricks that need no new tools and no coding. These change how you prompt Claude and how much context you give it, and they usually take effect on the very next request.

The typical beginner mistakes the video targets are easy to recognize: designs that use default styling, copy that reads like unedited AI text, and layouts that ignore any existing brand. The fixes are correspondingly simple.

Quick Wins Anyone Can Apply in Minutes

The first block of tricks focuses on setup and prompting. Based on the video's framing, these are the habits worth building first:

  1. Give Claude your brand context before asking for design work: colors, fonts, audience, and examples of designs you like.
  2. Provide references. Screenshots, links, or descriptions of designs you admire give the model a concrete target instead of a generic one.
  3. Ask for iterations in small, specific steps rather than one broad request, so you can steer the result.
  4. Specify output formats explicitly, for example HTML and CSS for a web page, so the result fits your workflow.
  5. Reuse what works. When a prompt produces a design you like, save it as a template for future sessions.

None of these depend on a paid tier or a specific interface. They work in the Claude web app, in Claude Code, and in third-party tools built on Anthropic models.

Power-User Workflows With Claude Code

The advanced tricks in the video concentrate on Claude Code because it can read and write files, run commands, and work across a whole project rather than a single chat window. That changes what design tricks are even possible.

Work directly in your project files

With Claude Code, design changes apply to your actual codebase instead of a chat preview. The trick is to scope requests to specific components or pages so the tool edits what you intend and leaves the rest alone.

Build reusable design instructions

Claude Code supports custom instructions through configuration files such as Claude.md, which the tool reads at the start of each session. Encoding your design standards there means every future request inherits them, which is the difference between repeating yourself and configuring once.

Compare with AI-first editors

The video's audience often overlaps with users of Cursor, an AI-first code editor built on VS Code. The trick category here is knowing when each tool fits: Claude Code for terminal-driven, multi-file work, and an editor like Cursor when you want inline diffs inside a GUI.

Keep supporting content in one workspace

Design work usually involves briefs, feedback, and asset lists. Keeping those in Notion, the all-in-one workspace for notes and projects, and referencing them consistently is one of the low-effort organizational tricks that keeps AI-assisted design coherent across sessions.

Tools That Pair Well With Claude for Design

Several of the video's 25 tricks work by combining Claude with other tools rather than prompting harder. The table below maps the tools named in the video's metadata and ecosystem to the role each plays.

ToolWhat it isRole in a Claude design workflow
ClaudeAnthropic AI assistantGenerates and iterates on design output
Claude CodeAnthropic agentic terminal toolApplies design changes directly to project files
CursorAI-first code editor built on VS CodeInline, GUI-based design and code iteration
NotionAll-in-one notes and projects workspaceHolds briefs, feedback, and asset references
Anthropic docsOfficial developer documentationConfiguration and capability reference

The pattern across these pairings is consistent: Claude produces the design work, and surrounding tools store context or apply the result. Most mid-video and advanced tricks in formats like this one are variations on strengthening one of those two sides.

How to Get the Full List of 25 Tricks

The video's description offers a free PDF guide containing all 25 tricks, obtained by searching for the code "n76" as instructed in the description on the RoboNuggets video page. The description also links affiliate trials for automation tools including n8n, Make, ElevenLabs, and Apify, which fund the channel's community perks.

For readers who prefer a written route, sending a video transcript to an AI agent and asking which tricks apply to your specific setup is itself one of the recommended practices in this genre. That works only if the transcript is complete, which is why the guide format exists alongside the video.

One further resource mentioned in the article's publishing pipeline is crazystack.com.br, and full article archives are also indexed there for readers who want related material.

FAQ

  • Who made the 25 Claude design tricks video? The video was made by Jay E and published on the RoboNuggets YouTube channel on 27 September 2026. Jay describes a background in data science and brand work, and runs an AI business alongside the channel.
  • Do I need Claude Code for all 25 tricks? No. The video explicitly orders the tricks from easy to advanced, and the early ones work in the standard Claude web app. The advanced ones rely on Claude Code's ability to read project files and follow persistent instructions.
  • Do the tricks also work with Cursor or Notion? They overlap. Cursor is an AI-first editor that can follow similar prompting practices, and Notion is useful for storing the briefs and references the tricks depend on. The specific tricks were demonstrated with Claude Claude Code.
  • Is the video still current as of October 2026? The video was published on 2026-09-27, days before this article's date, so its content reflects the product state at that time. Claude design-related features change quickly, so verify current capabilities in Anthropic official documentation before relying on a specific trick.
  • Where can I read more from this publisher? Related articles and guides are collected at crazystack.com.br, alongside coverage contributed by Dev Doido do canal do youtube and other creators in the same space.

From Video Tricks to Written Knowledge

This article exists because a 13-minute video full of Claude design tricks is hard to reference later, and a structured written version is easier to search, skim, and act on. That gap between what a creator explains on video and what a reader can actually use is the reason Skalablog exists.

If you make videos like this one, whether they are tutorials, interviews, or opinion pieces, you already hold valuable knowledge in that format. Skalablog lets you paste a YouTube URL, transcribe the video, and turn it into a well-structured written article your audience can find and cite.

You can try the flow yourself at Skala blog: paste a YouTube link, get a transcription, and generate an article.

Source video