398 tagged ai-design, measured the same way as everything else here.
Browse within: byok 298coding-agents 200design-systems 175local-first 119claude-design 114design-system 86commercial-slide-agent 80decision-deck 80agentic-workflow 42ai-assistant 42coding-agent 42公众号 37slides 26image-generation 25
Skill Claude CodeCodex
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation…
Skill Claude CodeCodex
DESIGN.md-driven HTML, SVG, and editable whiteboard diagrams.
ancoleman/ai-design-components
Skill Claude CodeCodex
Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific scaffolding. Use as the capstone skill after running theming, layout, dashboard, data-viz, or feedback skills to wire components…
Skill Claude CodeCodex
Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. Use when an agent needs to pick or translate named effects like soft blur in, typewriter, shared axis, line reveal, stagger, crossfade, or kinetic builds into WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, Rive, or…
Skill Codex
A workflow for creating bitmap images in a tactile, minimal-zine style, such as posters, visual essays, and social-media cards. It covers choosing a suitable composition, generating or editing the image, and checking the actual result.
Skill Claude CodeCodex
Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented…
Skill Claude CodeCodex
Designs high-performing ad creatives across Instagram, Facebook, TikTok, LinkedIn, Google (Display / Demand Gen), YouTube, Pinterest, and X/Twitter — locking platform dimensions, safe zones, text overlay policy, character limits, industry visual DNA, ad objective hierarchy, composition patterns, CTA strategy, and…
Skill Claude CodeCodex
A skill for turning an article, opinion, or product claim into a handcrafted object-metaphor still-life prompt.
Skill Cursor
A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color theory, composition, branding, logo design, storytelling, web design, creative process, and professional practice.
Skill Claude CodeCodex
PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.
Skill Claude CodeCodex
Complete brand development system with emotive foundation. Triggers on requests for brand identity, logos, visual systems, or design guidelines. Creates distinctive, anti-AI-slop design from strategy through delivery.
howardz27/poster-generator-skill
Skill Claude CodeCodex
Generates professional designer-grade posters, flyers, campaign visuals, event posters, and product posters. Use when the user asks for 海报, poster, flyer, campaign visual, event poster, product poster, promotional visual, or high-end marketing key visual.
Skill Claude Code
Run and triage AI Atelie's Critical User Journey (CUJ) for every PR — the single end-to-end test that proves a user can open the app, create a project, drive the Claude Code agent, and see the canvas render. Before running, gate by inspecting the PR diff for changes that plausibly affect the journey (routes…
Skill Claude CodeCodex
A UI and UX design skill for planning websites, landing pages, product pages and web applications. It can also provide colour, typography and visual-style guidance.
WCF900905/screenshot-to-design-system
Skill Claude Code
Extracts color tokens and component styles from UI screenshots by reading each control region individually (not full-page layout). Generates a complete design system demo with tokens.css and components.html. Ignores backgrounds and icons. Use when the user uploads a UI screenshot, asks for design tokens, color palette…
Skill Codex
Audit or critique an existing digital product artifact or flow and return evidence-backed, severity-calibrated findings. Trigger on "audit this", "critique this screen", "review this flow", "usability review", "heuristic evaluation", or "find UX issues" when inspectable evidence is available. Use dashboard-redesign…
Skill Claude CodeCodex
Use when creating, editing, inspecting, exporting, or troubleshooting Flato designs through Flato Design MCP tools such as flatowhoami, flatogetdesigncontext, flatocreatepages, flatoupdatepages, flatoupdatecanvas, and flatoexport.
Skill Claude Code
Use when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over…
Skill Claude CodeCodex
Generate a CLAUDE.md file for a Claude Design project focused on UI screen design. Use this skill whenever the user wants to set up a CLAUDE.md for Claude Design, scaffold project rules for UI work, make Claude Design consistent across chats, or start a new Claude Design project for dashboards, apps, admin tools, SaaS…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: