Skills tagged design: 130 agent skills for Claude Code, page 2 of 2

• stitch::code-to-design — Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction.
• stitch::extract-design-md — Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS.
• stitch::extract-static-html — Extract self-contained static HTML from a built web application or React components by inlining CSS and images.
• stitch::generate-design — Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP.
• stitch::manage-design-system — Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.
• stitch::react-components — Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs.
• stitch::react-native — Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.
• strategy-red-team — Red-team a PRD, roadmap, or strategy by attacking its load-bearing assumptions before reality does.
• talking-head-recut — Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes.
• taste-design — Semantic Design System Skill for Google Stitch.
• terminal-screenshot — Render a terminal CLI program's colored output to a PNG so Claude can actually SEE the real visual result — color contrast, alignment, background blocks.
• theme-factory — Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc.
• threat-modeling-with-aws-security-agent — Run an AWS Security Agent threat model review on spec/design documents.
• tilemap-palette-create — Creates a Tile Palette asset. Use when the user wants to organize tiles for 2D level design or create a new Tile Palette from scratch.
• tilemap-ruletile-createempty — Creates an empty RuleTile asset without Sprite or Spritesheet inputs.
• ui — Unity UI expert for menus, HUDs, screens, panels, buttons, labels, and all visual interface elements.
• ui-designer — Extract design systems from reference UI images and generate implementation-ready UI design prompts.
• ui-ugui — Unity uGUI (Canvas-based) UI expert. Understands, edits, and generates Canvas hierarchies, RectTransforms, Layout Groups, and prefab UI.
• ui-uitk — Unity UI Toolkit expert for Unity 6.0+. Understands, edits, and generates UXML and USS files with flex-based layouts. Use for requests involving .uxml, .uss.
• unocss — UnoCSS instant atomic CSS engine, superset of Tailwind CSS.
• urdf — URDF robot description authoring and validation.
• user-personas — Create refined user personas from research data — 3 personas with JTBD, pains, gains, and unexpected insights.
• user-stories — Create user stories following the 3 C's (Card, Conversation, Confirmation) and INVEST criteria with descriptions, design links, and acceptance criteria.
• vercel-composition-patterns — React composition patterns that scale.
• visual-explainer — Generate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts.
• web-artifacts-builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS.
• web-design-guidelines — Review UI code for Web Interface Guidelines compliance.
• writing-guidelines — Review docs/prose for Writing Guidelines compliance.
• writing-plans — Use when you have a spec or requirements for a multi-step task, before touching code
• wwas — Create product backlog items in Why-What-Acceptance format — independent, valuable, testable items with strategic context.