Visual Design agent skills
Curated visual design SKILL.md files for Cursor, Claude Code, VS Code, and Codex. Copy, download, and install in your agent.
26 skills
- Visual DesignScroll CraftBuilds premium scroll-driven landing pages: picks a page grammar, plans one emotional peak and a bespoke signature move, layers a dimensional hero, art-directs mobile separately, then verifies every scroll frame and contrast in a headless browser.
Nate Herk3k - Visual DesignMake a Type ScaleBuilds a type scale from selected text: modular ratios, 4/8px grid-snapped scales, or platform presets (Tailwind, Material 3, Apple HIG, IBM Carbon), then can create FLOAT variables and a specimen table on the canvas.Figma Community
- Visual DesignShader StarterGuides Figma Agent through building a shader fill or effect: recommend controls, optionally add a looping Phase slider for Figma Motion, then write main.ts, features.json, and a product brief.Miggi from Figgi
- Visual DesignPrompt ImagesPrompting techniques for AI image generation and editing on Replicate—natural-language scene prompts, model-agnostic craft, and API-first model selection.
replicate57 - Visual DesignPrompt VideosPrompting techniques for AI video generation on Replicate—scene descriptions, motion, pacing, and transferable principles across changing video models.replicate57
- Visual DesignBetter TypographyWeb typography craft: font choice and pairing, type scales, wrapping, OpenType features, and component text details.
Jakub Krehel - Visual DesignBetter ColorsOKLCH color systems for the web: palette generation, contrast, gamut, semantic tokens, and light/dark theming.Jakub Krehel
- Visual DesignAnimation VocabularyTurn vague motion descriptions into precise animation terms so you can brief designers or prompt agents accurately.
Emil Kowalski1.5k - Visual DesignImprove AnimationsAudit motion in a codebase and produce prioritized, self-contained implementation plans. Read-only on product source.Emil Kowalski1.5k
- Visual DesignFind Animation OpportunitiesFind where motion would help—and reject where it would not. Restraint-first opportunity scan with exact motion recipes.Emil Kowalski1.5k
- Visual DesignAnimateBuild animations from scratch in the order that determines craft: whether to animate, purpose, tool, properties, curve, duration, interruptibility, and exit.Emil Kowalski1.5k
- Visual DesignReview AnimationsReview animation and motion code against Emil Kowalski's design-engineering bar. Default to flagging; approval is earned.Emil Kowalski1.5k
- Visual DesignAI Image GenerationGenerate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, and 50+ models via inference.sh. Text-to-image, inpainting, LoRA, upscaling, and marketing visuals.
halt-catch-fire1.2k - Visual DesignHyperframesCreate motion graphics, video compositions, and animated UI demos with Hyperframes. Covers GSAP, Lottie, Remotion bridges, and presentation-ready motion.
heygen-com890 - Visual DesignHigh-End Visual DesignPremium visual design direction: cinematic layouts, editorial typography, intentional color, and luxury-grade UI aesthetics without generic AI patterns.
leonxlnx17.4k - Visual DesignImagegen Frontend WebGenerate web UI visuals and frontend-ready image assets tuned for landing pages, product screens, and marketing surfaces.leonxlnx17.4k
- Visual DesignVercel React View TransitionsImplement view transitions in React and Next.js: shared element transitions, page animations, and motion that feels native on the web.
Vercel28k - Visual DesignAI Video GenerationRoute text-to-video and image-to-video across RunComfy’s model catalog (HappyHorse, Kling, Seedance, Veo, Wan, and more). Picks the right model and ships documented prompt patterns plus runcomfy CLI invokes.
RunComfy26 - Visual DesignText to LottieGenerate production-ready Lottie (Bodymovin) JSON animations with a coding agent. Includes a Skia player for live preview, scene folder structure, controls/slots, and verification rules for renderable output.
Diffusion Studio3.5k - Visual DesignDesign Motion PrinciplesMotion and interaction design through Emil Kowalski, Jakub Krehel, and Jhey Tompkins lenses. Create purposeful animations or audit for AI-slop motion. Includes frequency gates, context weighting, cookbooks, and accessibility rules.
kylezantos2.9k - Visual DesignPPT VisualDesign professional PowerPoint slide layouts with color palettes, typography specs, and layout patterns. Covers cover, content, comparison, data, and closing slides with ASCII wireframes and before/after examples.
claude-office-skills5.6k - Visual DesignCanvas DesignCreate beautiful visual art, posters, and static designs using design philosophy. Generates museum-quality work with a two-step process: philosophy creation, then visual expression.
Anthropic45.5k - Visual DesignTheme Factory10 pre-set professional themes with colors and fonts for slides, docs, reports, and landing pages. Apply consistent styling or generate custom themes on-the-fly.Anthropic45.5k
- Visual DesignAlgorithmic ArtCreate generative art using p5.js with seeded randomness and interactive parameter exploration. Perfect for visual designers creating flow fields, particle systems, and computational aesthetics.Anthropic45.5k
- Visual DesignPPTX PresentationsCreate, edit, and analyze PowerPoint presentations with professional design principles. Includes 18 color palettes, typography guidance, and layout best practices.Anthropic45.5k
- Visual DesignData VisualizationDesign effective data visualizations: charts, graphs, dashboards, and infographics. Learn principles for making data clear, accessible, and actionable.
Brian5