design-studio
Portable design-engineering Agent Skill for Studio, Review and paginated Document work. Separates product framing, source-blind visual direction and…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-17 00:11
Design & creation
20,082 results
ios-glass-ui-designer
Redesign mobile app UI to feel unmistakably iOS-native with modern Apple-like glass materials (translucency, blur, depth). Use this skill when designing…
novel-game
Adapt novels/stories into interactive fiction web games (React SPA), including AI-generated assets (video/images optional), optional TTS narration, procedural audio, branching plot engine, save system. Use `bl` CLI to complete asset generation (`bl video generate` / `bl image generate` / `bl speech…
jimeng-api-image-gen
(project - Skill) Generate AI images using Volcengine Jimeng API 4.0. Use when users request image generation from text prompts, image-to-image editing, or…
stop-describing-ui
Strip explanatory copy out of user interfaces. Use when writing, editing, or reviewing any UI text, including headings, empty states, button labels, toggle and…
delight
Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions, one signature detail) without decoration…
harden
Production-readiness pass — audits and implements the full non-happy-path matrix: loading skeletons, empty states, error messages, partial data, i18n, offline,…
draw-ui
Design apps, backends, game interfaces, and complete website landing pages, and generate UI design mockups; as needed, convert design mockups or screenshots into HTML/CSS, existing frontend projects, or WeChat Mini Programs. Use when the user requests page design, a complete landing page, screenshot restoration, or high-fidelity Mini Program work. Do not use for ordinary illustrations, posters, storyboards, pure image editing, or business code modifications without a design task.
tiktok-music-archive-downloader
Download TikTok video samples for selected music or sounds, extract local audio references, and preserve manifests for reproducible music research archives.
naturalistic-motion
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with…
remotion-best-practices
Best practices for Remotion - Video creation in React
ui-ux-pro-max
This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility,…
svg-art
Create SVG graphics through programmatic code generation. Use this skill when the user asks to create icons, logos, illustrations, diagrams, data…
shot-by-shot-analysis
Inspect multiple reference or benchmark videos shot by shot, record observable visual and audio evidence independently for each source, then synthesize their…
prototype
Render a proposed redesign of a page on the current website as a self-contained static HTML file, then iterate via the impeccable craft loop. Per-page,…
ux-researcher
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
excalidraw-skill
Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas. Use when an agent needs to (1) draw or lay out diagrams, (2)…
forms
Design, structure, or improve form interfaces for clarity, completion rates, and user confidence. Use when the user asks to build a form, redesign a form flow,…
spatial-thinking
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or…
distill
Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action, respecting CRAFT_LEVEL. Use when the…
lifestyle-ad
Design lifestyle ads where product capability supports a desirable human state. Produce or review shot scripts with grounded product behavior and subtle proof.
pinterest-pin-design
The Pinterest pin design skill -- the visual half that pairs with pinterest-seo's keyword layer. Use when someone wants to design a pin, a Pinterest pin image,…
entrance-animations
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.