Create assets
Find skills for design systems, Figma workflows, UI generation, presentations, image and video production, and creative automation.
Builders choosing skills for prepare design assets and generate ui directions. Ranked from the OpenAgentSkill index using quality, trust, freshness, adoption, and install readiness.
Search intent
These pages are generated from real registry records. The list below is not a generic article; every row links to a skill profile with install, trust, audit, and risk fields.
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Excellent quality, 171K stars, and a 25 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add anthropics/skills --skill frontend-design🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.
Excellent quality, 88K stars, and a 24 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add nexu-io/open-designReview UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
Excellent quality, 30K stars, and a 24 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesThe Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
Excellent quality, 26K stars, and a 23 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add onlook-dev/onlookTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
Excellent quality, 25K stars, and a 23 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add openai/skills --skill figma-implement-designOfficeCLI is the first and best Office suite purpose-built for AI agents to read, edit, and automate Word, Excel, and PowerPoint files. Free, open-source, single binary, no Office installation required.
Excellent quality, 8.2K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add iOfficeAI/OfficeCLIDesign and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Excellent quality, 79K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendCreate original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
Excellent quality, 171K stars, and a 22 use-case fit score.
Best suited scenario
Read uploaded files
$ npx skills add anthropics/skills --skill canvas-designA format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.
Excellent quality, 16K stars, and a 22 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add google-labs-code/design.mdApply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
Excellent quality, 171K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add anthropics/skills --skill brand-guidelinesAn AI agent skill that provides design intelligence and UI/UX guidelines for building professional interfaces across multiple platforms.
Excellent quality, 107K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add nextlevelbuilder/ui-ux-pro-max-skillConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.
Excellent quality, 9.5K stars, and a 21 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add ConardLi/garden-skillsReverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
Excellent quality, 17K stars, and a 20 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills@latest add emilkowalski/skillsApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
Excellent quality, 18K stars, and a 20 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills@latest add emilkowalski/skillsReviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Excellent quality, 18K stars, and a 20 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills@latest add emilkowalski/skillsThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Excellent quality, 13K stars, and a 20 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills@latest add emilkowalski/skillsA Codex skill for generating minimal zine-style editorial poster prompts and images.
Excellent quality, 6.3K stars, and a 19 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add LiamGvchi/gc-minimal-zine-posterA curated collection of reusable agent skills for designers and builders to generate UI prompts and workflows using AI coding agents.
Excellent quality, 4.8K stars, and a 19 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add MengTo/SkillsToonflow 是开源一站式 AI 短剧创作工具，将小说、剧本快速转化为动画短剧。集成 AI 编剧、智能分镜、角色与视频生成，跨平台桌面端轻量部署，助力创作者低成本批量产出视觉内容。Toonflow is an open-source AI tool that turns stories and scripts into animated short dramas. Features AI scriptwriting, storyboarding, character and video generation. A cross-platform desktop app for efficient content creation.
Excellent quality, 10K stars, and a 18 use-case fit score.
Best suited scenario
Navigate local resources
$ npx skills add HBAI-Ltd/Toonflow-appA portable AI agent skill that enhances AI-generated user interfaces with better layout, typography, motion, and spacing to avoid generic outputs.
Excellent quality, 65K stars, and a 18 use-case fit score.
Best suited scenario
Navigate pages
$ npx skills add Leonxlnx/taste-skillPresentation Slides for Developers
Excellent quality, 47K stars, and a 18 use-case fit score.
Best suited scenario
Read uploaded files
$ npx skills add slidevjs/slidevTurn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.
Excellent quality, 1.4K stars, and a 18 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add Alisa0808/vox-director --skill vox-directorA versatile command-line tool for interacting with Google Workspace APIs, designed for both human users and AI agents.
Excellent quality, 30K stars, and a 18 use-case fit score.
Best suited scenario
Navigate pages
$ npx skills add googleworkspace/cliA collection of agent skills for AI short-drama production, covering character bibles, outlines, art bibles, scripts, and storyboards, designed for Claude Code and Codex.
Excellent quality, 1.6K stars, and a 18 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add eternityspring/shuohao-skillsAI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
Excellent quality, 25K stars, and a 17 use-case fit score.
Best suited scenario
Choose the right deck format
$ npx skills add op7418/guizang-ppt-skillHuashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
Excellent quality, 23K stars, and a 17 use-case fit score.
Best suited scenario
Choose the right deck format
$ npx skills add alchaincyf/huashu-designOpen-source infrastructure for Computer-Use Agents. Sandboxes, SDKs, and benchmarks to train and evaluate AI agents that can control full desktops (macOS, Linux, Windows).
Excellent quality, 21K stars, and a 17 use-case fit score.
Best suited scenario
Navigate local resources
$ npx skills add trycua/cuaGhostty-based macOS terminal with vertical tabs and notifications for AI coding agents
Excellent quality, 22K stars, and a 17 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add manaflow-ai/cmuxAnti-AI-slop design skill for Claude Code, Cursor, and Codex.
Excellent quality, 20K stars, and a 17 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add Nutlope/hallmarkTurn Claude Code into a full game dev studio — 49 AI agents, 72 workflow skills, and a complete coordination system mirroring real studio hierarchy.
Excellent quality, 22K stars, and a 17 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add Donchitos/Claude-Code-Game-StudiosSelection method
OpenAgentSkill scores each candidate against the workflow keywords, then balances fit with GitHub stars, quality signals, trust profile, Agent Proven outcome evidence, maintenance freshness, and whether there is a clear install path.
The ranking combines workflow fit, quality score, trust profile, GitHub adoption, maintenance freshness, and whether a clear install path exists.
No. Treat the list as a shortlist, open the skill detail page, inspect the repository and license, then test the install command in a sandbox workflow.
Yes. Use /api/skills/search with the related task or /api/agent/rankings?slug=best-design-creative-skills to fetch ranked skill data.
Create assets
Find skills for design systems, Figma workflows, UI generation, presentations, image and video production, and creative automation.
Builders choosing skills for prepare design assets and generate ui directions. Ranked from the OpenAgentSkill index using quality, trust, freshness, adoption, and install readiness.
Search intent
These pages are generated from real registry records. The list below is not a generic article; every row links to a skill profile with install, trust, audit, and risk fields.
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Excellent quality, 171K stars, and a 25 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add anthropics/skills --skill frontend-design🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.
Excellent quality, 88K stars, and a 24 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add nexu-io/open-designReview UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
Excellent quality, 30K stars, and a 24 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesThe Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
Excellent quality, 26K stars, and a 23 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add onlook-dev/onlookTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
Excellent quality, 25K stars, and a 23 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add openai/skills --skill figma-implement-designOfficeCLI is the first and best Office suite purpose-built for AI agents to read, edit, and automate Word, Excel, and PowerPoint files. Free, open-source, single binary, no Office installation required.
Excellent quality, 8.2K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add iOfficeAI/OfficeCLIDesign and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Excellent quality, 79K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendCreate original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
Excellent quality, 171K stars, and a 22 use-case fit score.
Best suited scenario
Read uploaded files
$ npx skills add anthropics/skills --skill canvas-designA format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.
Excellent quality, 16K stars, and a 22 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add google-labs-code/design.mdApply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
Excellent quality, 171K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add anthropics/skills --skill brand-guidelinesAn AI agent skill that provides design intelligence and UI/UX guidelines for building professional interfaces across multiple platforms.
Excellent quality, 107K stars, and a 22 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add nextlevelbuilder/ui-ux-pro-max-skillConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.
Excellent quality, 9.5K stars, and a 21 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add ConardLi/garden-skillsReverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
Excellent quality, 17K stars, and a 20 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills@latest add emilkowalski/skillsApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
Excellent quality, 18K stars, and a 20 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills@latest add emilkowalski/skillsReviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Excellent quality, 18K stars, and a 20 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills@latest add emilkowalski/skillsThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Excellent quality, 13K stars, and a 20 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills@latest add emilkowalski/skillsA Codex skill for generating minimal zine-style editorial poster prompts and images.
Excellent quality, 6.3K stars, and a 19 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add LiamGvchi/gc-minimal-zine-posterA curated collection of reusable agent skills for designers and builders to generate UI prompts and workflows using AI coding agents.
Excellent quality, 4.8K stars, and a 19 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add MengTo/SkillsToonflow 是开源一站式 AI 短剧创作工具，将小说、剧本快速转化为动画短剧。集成 AI 编剧、智能分镜、角色与视频生成，跨平台桌面端轻量部署，助力创作者低成本批量产出视觉内容。Toonflow is an open-source AI tool that turns stories and scripts into animated short dramas. Features AI scriptwriting, storyboarding, character and video generation. A cross-platform desktop app for efficient content creation.
Excellent quality, 10K stars, and a 18 use-case fit score.
Best suited scenario
Navigate local resources
$ npx skills add HBAI-Ltd/Toonflow-appA portable AI agent skill that enhances AI-generated user interfaces with better layout, typography, motion, and spacing to avoid generic outputs.
Excellent quality, 65K stars, and a 18 use-case fit score.
Best suited scenario
Navigate pages
$ npx skills add Leonxlnx/taste-skillPresentation Slides for Developers
Excellent quality, 47K stars, and a 18 use-case fit score.
Best suited scenario
Read uploaded files
$ npx skills add slidevjs/slidevTurn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.
Excellent quality, 1.4K stars, and a 18 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add Alisa0808/vox-director --skill vox-directorA versatile command-line tool for interacting with Google Workspace APIs, designed for both human users and AI agents.
Excellent quality, 30K stars, and a 18 use-case fit score.
Best suited scenario
Navigate pages
$ npx skills add googleworkspace/cliA collection of agent skills for AI short-drama production, covering character bibles, outlines, art bibles, scripts, and storyboards, designed for Claude Code and Codex.
Excellent quality, 1.6K stars, and a 18 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add eternityspring/shuohao-skillsAI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
Excellent quality, 25K stars, and a 17 use-case fit score.
Best suited scenario
Choose the right deck format
$ npx skills add op7418/guizang-ppt-skillHuashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
Excellent quality, 23K stars, and a 17 use-case fit score.
Best suited scenario
Choose the right deck format
$ npx skills add alchaincyf/huashu-designOpen-source infrastructure for Computer-Use Agents. Sandboxes, SDKs, and benchmarks to train and evaluate AI agents that can control full desktops (macOS, Linux, Windows).
Excellent quality, 21K stars, and a 17 use-case fit score.
Best suited scenario
Navigate local resources
$ npx skills add trycua/cuaGhostty-based macOS terminal with vertical tabs and notifications for AI coding agents
Excellent quality, 22K stars, and a 17 use-case fit score.
Best suited scenario
Inspect visual requirements
$ npx skills add manaflow-ai/cmuxAnti-AI-slop design skill for Claude Code, Cursor, and Codex.
Excellent quality, 20K stars, and a 17 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add Nutlope/hallmarkTurn Claude Code into a full game dev studio — 49 AI agents, 72 workflow skills, and a complete coordination system mirroring real studio hierarchy.
Excellent quality, 22K stars, and a 17 use-case fit score.
Best suited scenario
Inspect source files
$ npx skills add Donchitos/Claude-Code-Game-StudiosSelection method
OpenAgentSkill scores each candidate against the workflow keywords, then balances fit with GitHub stars, quality signals, trust profile, Agent Proven outcome evidence, maintenance freshness, and whether there is a clear install path.
The ranking combines workflow fit, quality score, trust profile, GitHub adoption, maintenance freshness, and whether a clear install path exists.
No. Treat the list as a shortlist, open the skill detail page, inspect the repository and license, then test the install command in a sandbox workflow.
Yes. Use /api/skills/search with the related task or /api/agent/rankings?slug=best-design-creative-skills to fetch ranked skill data.