design
Short path for pure UI and UX changes to an existing screen, without a full workflow run: one session invents 2-3 design directions as rendered mockups, the…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,119 results
lettra
Build and debug expressive 3D typography with JOYCO’s Lettra library for Three.js WebGPURenderer and TSL. Use for font-atlas baking, scene text, reveals and…
d2-diagrams
Design, create, edit, review, validate, render, and troubleshoot D2 declarative diagrams (.d2) for architecture, flowcharts, sequence diagrams, ERDs, UML…
event-modeling-spec
Use when designing systems with Event Modeling methodology, creating event models, or when user mentions event modeling, commands/events/views blueprints,…
spec-create
Create a new feature specification following a phased workflow. Use when starting a new feature that needs requirements, design, and task planning. Invoke for…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
intro
Writes the opening thirty seconds of a video, meaning the hook, the promise, and the demo beat. Use when the user says /intro, or asks for a hook, cold open,…
record
Turns a code change into a camera-ready video script the creator reads out loud. Use when the user says /record, or asks to script, film, or record a lesson,…
claude-design
Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis. Use…
yichen-jianying-edit
On an Apple Silicon Mac with a matching version of Jianying installed, generate editable drafts headlessly, modify an independent copy of an existing multi-track draft, or export a native MP4 when explicitly requested. The Jianying Headless core project must be checked out separately; pure transcription does not use this Skill.
GDD
The English introduction is being prepared.
brief-to-tasks
Break a design brief into an ordered checklist of independently buildable tasks using vertical slices. Saves as a markdown checklist. Use when user wants to…
design-brief
Create a design brief through an interactive interview, codebase exploration, and experience design decisions. Saved as a markdown file in the project. Use…
design-flow
Run the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling through review. Use when user wants to go…
design-review
Run a structured design critique against the brief and codebase. Checks visual hierarchy, consistency, responsiveness, accessibility, and aesthetic fidelity.…
design-tokens
Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode palettes, spacing scale, type…
information-architecture
Define the structural layer of a product or site before visual design begins. Covers navigation, content hierarchy, page structure, URL patterns, and user…
skeleton-dither
Use when building a loading skeleton or a content/image reveal that should feel ASCII or dithered - a shimmering glyph skeleton (░▒▓█) that decodes into the…
better-interface
User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors, and…
better-typography
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType…
better-ui
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
codebase-design
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a…
prototype
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…