“design”

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity…

Design phase entry.

UI, UX and visual design work: direction and brand language, layout and information architecture, components and states, data on screen, flows and…

Builds the design system (DESIGN.md with tokens) and a static HTML prototype made from it.

方案设计阶段入口；聚合方案分级、任务拆分与方案包输出规则，按需加载 references/assets/scripts。

Route design work to systems, graphics, prototypes, or critique.

Use when an idea is still fuzzy or rough, or asked to build a feature or change behaviour and nothing is specced yet, or when an approved design needs…

Use when authoring or vetting an issue-anchored GitHub implementation plan.

Design or change anything people look at (app UI, widget, mockup, HTML page or report, chart, icon) so it fits the existing system, uses real content and…

UI design workflow that takes a [UI] Jira story and optional UX handoff artifact, produces a component decomposition with hook design, state management, route…

Write the design brief an AI design tool needs to produce a strong visual artifact: a screen or page, a mockup, a logo, a presentation, an animation or a…

Run an approved design brief in the design tool the user chooses (a design-tool integration, a generative design tool, an image generator or a prototype in…

Design and revise a course's goal, progression, prerequisites, and sources.

Author a single-file HTML design doc, memo, or rendered report in Factory's dark visual system, plus Slack cards and a hero thumbnail; Playwright-verified…

Define the visual foundations a product's screens are built from and, when a design-tool integration is available, build them in the design tool: colour…

Turn an approved design into the implementation spec engineering builds from: unpack what the design tool exported (a single-file HTML bundle, code, or a…

Use when checking a radiology or medical AI study design before drafting or submission.

Design, style, or redesign websites and apps through investigation, layout, design-system creation, implementation, validation, and delivery.

Read, write, lint, diff, and export DESIGN.md files using the Google @google/design.md format.

Design finalization: generates production-quality Pretext-native HTML/CSS.

Match a design project to supported design-award programs, tracks, and entry categories; apply structural eligibility gates; verify current official rules…

Runs the Claude Design -> React implementation loop: takes an approved component or screen proposal (or the palette card) from a Claude Design project…

Designs experiments and studies BEFORE data is collected — choosing a design, randomizing, blocking, and laying out treatment combinations so results are…

Push a React design system to claude.ai/design.