corner-diagonals
Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells. Use when a design needs precise geometric framing, sci-fi UI…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Design & creation
20,605 results
claude-animation
Make short hand-drawn 2D animations entirely in JavaScript — storybook / textured-editorial illustration (paper grain, hatching, blue construction guides,…
generate-image-by-seedream
Generate or edit images via the Doubao Seedream (Jimeng / Dreamina) image model on ByteDance's Volcano Engine Ark.
aliyun-wan-video
Use when generating videos with Model Studio DashScope SDK using Wan video generation models (wan2.6-t2v, wan2.6-i2v-flash, wan2.6-i2v and regional variants).…
media
Visual and video content creation. AI images, technical diagrams, mermaid flowcharts, infographics, comics, and special effects. USE WHEN art, diagrams,…
motion-design
Animation as communication. Feedback, orientation, emphasis, delight. If motion doesn't serve one of these four purposes, it shouldn't exist. Use when…
product-content-enrichment
Use AI to auto-generate product descriptions, extract attributes, and tag images to enrich your catalog at scale using platform tools and AI writing apps
motion-director
Use when designing motion concepts, animation systems, choreography, timing, easing, reduced-motion behavior, or deciding which motion stack to use for web UI,…
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…
ffmpeg-glitch-distortion-effects
Complete glitch art, datamosh, and video distortion effects system. PROACTIVELY activate for: (1) Datamosh/pixel bleeding effects, (2) VHS/analog glitch…
ffmpeg-stabilization-360
Complete FFmpeg video stabilization and 360/VR video processing. PROACTIVELY activate for: (1) Video stabilization (deshake, vidstab), (2) Hardware-accelerated…
setup-opendesign
Use when ./opendesign/index.html does not exist in the current project. Initialises the OpenDesign output folder structure, copies the viewer, and writes an…
dashboard-design
Use this skill first when the user wants to design or plan a dashboard, especially Vizro dashboards. Enforces a 3-step workflow (requirements, layout,…
edge-strategy-reviewer
Critically review strategy drafts from edge-strategy-designer for edge plausibility, overfitting risk, sample size adequacy, and execution realism. Use when…
mental-model-evaluator
Applies multi-disciplinary cognitive frameworks (e.g., Inversion, First Principles, Second-Order Thinking) to user plans and system designs to stress-test…
mph-synthwave-theme
Generates UI components, dashboards, and pages using Michael's signature Synthwave / TraderDaddy / Bloomberg aesthetic.
cc-figma-tokens
Build or update Figma variable collections (Primitives and Semantic) from component-contracts token files. Use when the user wants to sync their design token…
ui-design
World-class UI design expertise combining the precision of Jony Ive's Apple work, the systems thinking of Figma's design philosophy, and the accessibility…
typography-scale-builder
Build a complete typographic system -- modular or fluid type scale, line-height and tracking per size, weight roles, and vertical rhythm -- exported as tokens,…
cognitive-load-assessment
Assess and reduce cognitive load in interfaces, flows, and content. Use when designing or reviewing any multi-step process, complex form, dashboard, decision…
brand-strategist
Build brand identities -- visual systems, color palettes, typography, voice/tone, brand guidelines. Activate for branding projects, rebrands, or when brand…
storyboard-review-skill
Use when reviewing storyboard outputs at any production stage (beat breakdown, beat board, sequence board, motion prompts), providing quality assurance…
rocket-design-manufacturing-automation-shenzhen22
Automated rocket design and manufacturing program built by students for aerospace engineering workflows
figma-to-elementor
Use when the user says 'figma to elementor', 'build this figma design in elementor', or hands over a Figma frame to rebuild in WordPress. Maps the Figma node…