baoyu-design-integration
Run Claude Design locally as an Agent Skill to produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Design & creation
20,602 results
remotion-maps
Remotion Map animation knowledge
product-photography
Produces professional AI product photography — clean e-commerce shots, lifestyle scenes, hero images, macro detail shots, and flat lays — as generation-ready…
director-master
Shanyin Super Director Master — a director's audiovisual skill designed by @山音, linked with "Shanyin Super Screenwriter Master." Starting from the script, it completes director tone-setting, rhythm planning, script fine-tuning, and storyboard breakdown, ultimately generating a standard nine-column storyboard table (xlsx). It analyzes the audiovisual theories of the world's top directors, includes a built-in library of director style templates for dozens of film genres, and supports genre cross-combinations. It covers storyboards in all formats, from concept micro-short films to feature films.…
atomic-design-templates
Use when creating page layouts without real content. Templates define the skeletal structure of pages using organisms, molecules, and atoms.
sound-design
Procedural sound design with the sfx engine — writing a cue sheet against a video's timeline, which sound goes with which visual event, gain hierarchy,…
youmind-image-generator
Generate AI images from text prompts — one API key for GPT Image, Gemini, Seedream, and 10+ models. No juggling subscriptions. Images saved to your YouMind…
cowart-image-edit
Generate revised AI images from user-supplied Cowart annotation screenshots and place each result beside its original without replacing, moving, hiding, or…
backup-strategy
Backup Strategy Design
easysdd
The root skill of the easysdd workflow family—introduces the workflow system and routes the user to the correct sub-skill. Trigger scenarios: the user mentions "easysdd", "sdd", "spec-driven", "how do I use this process", "which skill should I use", "where do I start", or describes a new feature but has not yet decided which phase to enter. Known intents (brainstorm/design/implement/acceptance/BUG/explore, etc.) take priority in triggering the corresponding sub-skill rather than this...
easysdd-feature-design
Phase 1 of the feature workflow — draft a design document for the new feature, to serve as the sole input for subsequent implementation and acceptance. First gather evidence (read the architecture, read the relevant code, grep for terminology conflicts, check the archive), then write the complete first draft in one pass (including YAML frontmatter + three-layer structure + test design), hand it to the user for an overall review, and iterate until it is finalized. After finalization, from…
dyl-mode
Dylan's agent style on top of pstack: concise verified delivery, root causes over symptom patches, The Algorithm before design, plain /bro replies, live UI…
review-generation-engine
Automatically request and collect product reviews post-purchase with timed email/SMS sequences, photo incentives, and fraud detection for fake reviews
blog-image
AI image generation and editing for blog content powered by Gemini via MCP. Claude acts as Creative Director - interpreting intent, selecting domain expertise,…
blog-schema
Generate complete JSON-LD schema markup for blog posts including BlogPosting, Person, Organization, BreadcrumbList, FAQPage, and ImageObject. Validates against…
grill-master
Relentlessly interview the user when they want to learn about a topic, plan, or design until you both reach a shared, testable understanding, before any…
fluid-design
Use this skill whenever building interfaces that should feel physically responsive, alive, and polished. Trigger for spring animations, gesture-driven UI,…
modelslab-video-generation
Generate videos from text prompts or animate static images using ModelsLab's v7 Video Fusion API. Supports text-to-video, image-to-video, video-to-video,…
framer-motion-animations
Create scroll-triggered and entrance animations using Framer Motion (motion package). Use when adding animations, implementing scroll reveals, or migrating…
sprite-animation
A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit…
short-form-edit
Turn talking-head footage into a finished reel, YouTube Short, or short advertisement with curiosity-led openings, earned payoffs, story-driven cuts, transcript-synced motion graphics, moving B-roll, captions, subtle music, and synchronized sound effects. Use for short-form editing; use edit-video for long-form videos and cut-silences for pause removal alone.
video-storytelling
Design and build the visual layer of a long-form talking-head video as one persistent world the camera moves through, instead of a sequence of separate graphics. Use when asked to edit a video, add motion graphics, design the visuals for a script, plan an edit, or fix an edit judged confusing, text-heavy, hard to follow, or "clearly made by an AI". Covers the persistent world, camera grammar, the spotlight rule, spatial open loops, ornament and token discipline, transcript timing, and the verification gates.
lanhu-design
Use for Lanhu (蓝湖) UI design handoffs and lanhuapp.com design project links: list design screens, inspect screenshots and HTML/CSS specs, extract design…
threejs-procedural-animation
Build advanced procedural animation in Three.js. Use for launch kinematics, gravity turns, staging, spin docking, target-frame decomposition, spring-follow…