ui-designer
Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or accessibility-focused user interfaces.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Design & creation
20,524 results
web-animation-framer-motion
Motion (formerly Framer Motion) patterns - motion components, variants, AnimatePresence, gestures, layout animations, scroll-linked motion, reduced-motion…
image-to-video
Generate AI video from static images using Kling 3.0, Hailuo, Luma Ray3, Runway Gen-4.5, and 8 other tools. Covers free vs paid tools, prompt writing…
authoring-wireframes
Use when authoring or amending a wireframes document — the low-to-mid-fidelity STRUCTURAL design of each key screen (layout regions on a grid + shared…
agent-workflow-designer
Design multi-agent orchestration with workflow DAGs, routing, handoff protocols, and state management. Use when building pipelines of specialized agents,…
ds-token-architecture
Check a design token set against the Subatomic three-tier architecture (definitions → usage → components) and hand back evidence-tagged findings plus a…
svg-article-illustrator
AI-driven SVG article illustration generation tool that supports three output modes: dynamic SVG, static SVG, and PNG export. Use this skill when users need to generate illustrations for articles, create SVG illustrations, convert SVG to PNG, or mention "illustrate an article" or "generate illustrations".
pbi-report-design
The Power BI report design canon covering design identity, visual hierarchy and the 3-30-300 rule, layout/spacing/alignment, color discipline, chart selection,…
store-listing-assets
Use when writing store copy to character limits (name, subtitle, descriptions, keywords) or preparing listing images (icon, feature graphic, screenshots,…
GordenImage2PPTX
Reverse-restore "image-format PPT documents / slide screenshots / arbitrary image pages" into an **editable .pptx**. Enforce a four-layer process: reproduce the background image + key out the overall framework image with a green screen + key out element icons/decorations with a green screen + extract text with GPT vision, then composite (text is real text boxes, framework images/icons are movable images; only split into framework parts when the user explicitly requests framework splitting).…
design-master
Graphic Design Master - Automatically generates graphic design prompts, supporting multiple design types such as posters, logos, illustrations, and more
geospatial-analysis
Geospatial Analysis provides workflows for satellite imagery processing, GIS operations with GeoPandas, spatial statistics, and Earth observation data analysis.
markdown-style
This skill should be used to review, lint, or fix Markdown formatting in READMEs, ADRs, runbooks, how-tos, design docs, or any `.md` file. PROACTIVELY activate…
ui-ux-pro-max
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart…
incident-management
Use this skill when managing production incidents, designing on-call rotations, writing runbooks, conducting post-mortems, setting up status pages, or running…
interview-design
Use this skill when designing structured interviews, creating rubrics, building coding challenges, or assessing culture fit. Triggers on interview design,…
youtube-plan-new-video
Generate a complete video plan with optimized title, thumbnail, and hook concepts based on research. Orchestrates specialized skills (youtube-title,…
clips-studio
Use when the user wants to "make a video/clip", "generate a video from text", "animate this image/photo", "create a marketing reel / social video / teaser",…
ui-designer
Aura - Senior UI/UX Design Architect with 12+ years creating premium digital experiences. Use when designing landing pages, dashboards, mobile apps, design…
generate-writeup
Generate an annotated blog-style write-up from a presentation's slides and video recording. Orchestrates the full pipeline: fetching slides, converting to…
penpot-audit-tokens
Audit a Penpot design for design-system / token GOVERNANCE issues (distinct from accessibility): hardcoded colors where a token exists, off-grid spacing,…
video
Make a complete Remotion video from a short brief with remocn components: pick the archetype, plan a storyboard with frame budgets, install the components,…
analyse-design
Reverse-engineer an application, website or document's design system from its codebase and screenshots. Use when asked to analyse visual design, extract a…
sketch-design-from-reference
Recreates or builds UI designs in Sketch from a reference URL, screenshot, or source code with side-by-side screenshot fidelity validation using Sketch MCP…