Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

bmad-excalidraw

Creates Excalidraw diagrams through guided or autonomous workflows. Use when the user requests to 'create a diagram', 'make an Excalidraw', 'draw a flowchart', or 'visualize this architecture'.

179 repo starsObserved in 1 repos
Design

flutter-ui-polish

Polishes Flutter screens in this project by enforcing shared tokens, theme-based components, and cleaner visual hierarchy. Use when editing Flutter UI, improving page aesthetics, reviewing spacing/color/radius consistency, or when the user asks to make a screen look better.

179 repo starsObserved in 1 repos
Design

illustrator

为文章生成专业级静态插图。当用户需要为文章、文档或教程添加插图、封面图或可视化图表时调用。

179 repo starsObserved in 1 repos
Design

painterly-3d2-cinema

Create prompt-only painterly 3D-to-2D cinematic animation packages: 三渲二、厚涂赛璐璐、美漫角色、魔幻打斗短片、剧情、角色、场景、Midjourney V8.1角色/场景/手绘故事板提示词、Seedance分段视频提示词。Use when the user wants one-sentence-to-video workflows, 角色展示, 场景设计, storyboard, action shots, 15s/30s segmented video planning, or full short-film prompt pipelines without Codex generating the media.

179 repo starsObserved in 1 repos
Design

penpot

How to set up and manipulate Penpot design tool state via HTTP APIs for CUA-Gym UI design tasks. For setup-gen and reward-gen agents.

179 repo starsObserved in 1 repos
Design

assistant-ui-primitives

Guide for assistant-ui UI primitives - ThreadPrimitive, ComposerPrimitive, MessagePrimitive. Use when customizing chat UI components.

178 repo starsObserved in 1 repos
Design

auto-diagram

Automatically analyze a codebase and generate an architecture diagram with zero configuration. Use when the user asks to "diagram this repo", "visualize the architecture", "auto diagram", or requests a codebase overview without specifying components. Do NOT use when the user provides a specific description, sample diagram, or component list — use the excalidraw skill instead.

178 repo starsObserved in 1 repos
Design

figma-preflight

Triggers on 'let's start', 'begin', 'preflight', 'start the session', or when a Figma file URL is first shared. Verifies MCP connection, reads CLAUDE.md, audits connected libraries, and loads a Token Map of all Styles and Variables — required before any design work.

178 repo starsObserved in 1 repos
Design

figma-style-binding

Triggers on any visual property change in Figma — creating text, setting colors, adjusting spacing/padding/gap/radius. Enforces that ALL values bind to Figma Styles or Variables, never hardcoded. Includes post-write QA verification.

178 repo starsObserved in 1 repos
Design

long-task-design

Use when SRS doc exists but no design doc and no feature-list.json - take the approved SRS as input and produce an architecture/design document focused on HOW to build it

178 repo starsObserved in 1 repos
Design