Claude Code's /design Skill: Pick UI Artboards, Then Have Claude Build One

Melvin Vivas · X post · 2026-08-18 · Open on X

Topics: AI Dev Tools & Productivity · Level: beginner

Summary

Claude Code has a new /design skill, in research preview. It brings Claude Design's artboard workflow into the CLI and Desktop app and is built on artifacts. You get editable UI artboards, pick one, adjust it, and then ask Claude to implement it in code.

Key points

• /design is a new skill in Claude Code, currently in research preview.
• It brings Claude Design's artboard workflow into the Claude Code CLI and Desktop app.
• It is built on artifacts.
• The steps are: run /design, get several editable UI artboards, pick one, tweak it, then have Claude implement it.
• You settle the visual design before any code is written, so less implementation work gets thrown away.

Resources mentioned

• Claude Code · tool · code.claude.com · paid · recommended by both Bashiri Smith & Melvin Vivas
  Build agents and pipelines from the terminal; the guide's main agentic coding tool.
  Also in: Create Claude Code Plugins with /plugin-authoring (Melvin Vivas on X · notes), Claude Code mods: customize behavior and UI with plugins (Melvin Vivas on X · notes), AI Engineer Roadmap Overview: From ML Foundations to RAG, Agents & Ops (Bashiri Smith on Facebook · notes), SkillsBento: Free Plugin Marketplace for Codex and Claude Code (Melvin Vivas on X · notes) and 101 more
• Claude Design · tool · anthropic.com · paid
  Anthropic Labs tool that creates prototypes, slides and one-pagers when you describe them to Claude in chat.
  Also in: Improving Codex's UI Design Output with Impeccable (npx impeccable install) (Melvin Vivas on X · notes), Codex Subagents: Attaching Skills and MCP Servers per Subagent (Melvin Vivas on X · notes), AutoDesign: Improving the Harness Around the Model with a Meta-Harness Loop (Melvin Vivas on X · notes), Claude Design Is Now in the Claude Desktop App (Melvin Vivas on X · notes) and 4 more

Try this

• Run /design in Claude Code to generate editable artboards for your UI.
• Pick an artboard, tweak it, then have Claude implement it.