adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-04 00:13
Design & creation
21,948 results
clarify
Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use.
desktop-app-showcase
Create desktop application showcase graphics in SVG featuring macOS-style window chrome, sidebars, multi-panel layouts, chat interfaces, and code diffs. Use…
featured-image-creator
Create blog featured images as SVG (2400x1260px) using illustration libraries, FontAwesome icons, and open-source SVGs. No or negligible text. Convert to PNG…
figma-to-generateblocks
Convert Figma designs to GenerateBlocks V2 format for WordPress
normalize
Normalize design to match your design system and ensure consistency
quieter
Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.
saas-product-graphics
Create polished SaaS product UI showcase graphics in SVG. Floating panels, soft shadows, modern gradients, clean typography. Use for landing pages, feature…
teach-impeccable
One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
freeimg
Generate AI images from text prompts via the free z-image-turbo model (Gitee AI serverless API, ~100 free 2K images/day with a free token). One-time setup…
make-explainer-video
Make a narrated explainer video about a project, feature or idea in the local explainer studio. Use when the user asks for an explainer, walkthrough or…
baoyu-xhs-images
Xiaohongshu (Little Red Book) infographic series generator with multiple style options. Breaks down content into 1-10 cartoon-style infographics. Use when user…
slides
Generate high-quality, single-file HTML interactive slide decks. Use this skill when the user asks to create a presentation, slide deck, or PPT.
anthropic-brand
Use when the user wants AI-product UI that feels like Anthropic, warm neutrals, restrained palette, editorial typography, and calm density. Tokens (colors,…
mintlify-brand
Use when the user is building documentation or a developer marketing site that should feel like Mintlify, a clean docs aesthetic with soft accents, friendly…
shadcn-brand
Use when the user wants a UI that follows the shadcn/ui aesthetic, a neutral palette with refined typography, restrained accents, minimal shadows, and dense…
remotion-best-practices
Best practices for Remotion - Video creation in React
product-launch-motion-v1
Legacy v1 (voiceover-led, GSAP + HyperFrames). Use when making, directing or rescuing a product launch video, promo, teaser, demo reel, sizzle,…
music-theory-engine
Process-oriented music theory skill for AI-assisted composition in ACE-Step-DAW. Instead of dumping all theory upfront, this skill teaches Claude HOW to…
stitch-design-system
Use when extracting a design system from a Stitch project to create a DESIGN.md source-of-truth for consistent multi-screen generation. Covers semantic…
stitch-prompt-engineer
Use when enhancing, polishing, or fixing Stitch UI generation prompts. Adds UI/UX keywords, injects design system tokens, structures page hierarchy, and…
activepieces-design-system
Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier"). Use whenever designing, mocking, or building UI for…
blueprint
Plans blueprint.md, the design-blind layout payload a design consumes: a region tree plus screen flow that arranges surfaces before any visual identity is…
storytelling
Creates or revises the story and experience direction of a site from the materials that exist: the central thesis, the tension, the arc of moments, the pacing,…