Design & frontend
16,188 rows, by stacks then stars
1,697 of these skill files have been read, by 1,179 distinct authors, and what they tell an agent counted. What Design & frontend authors agree on, and what they forbid
chinayin/gox-claude-plugins/plugins/gox-code-rules/skills/frontend Skill
0★ repoTeam coding-standards plugins for Claude Code (Agent Skills marketplace) · 面向 Claude Code 的团队代码规范插件(技能 marketplace)
381487190/opengod/skills/real-engineering/deprecated/design-an-interface Skill
0★ repoOpenGod - 14-module AI super skill. Fuses 18 of Top 50 GitHub AI projects.
open-placeholder/skills/claude-plugin/skills/images Skill
0★ repoAgent skill for using Open Placeholder images in generated frontend code
Suraj787/motif/skills/accessibility-assurance Skill
no license0★ repoOpen-source interaction-design intelligence for AI coding agents - securely discover, select, adapt and validate UI motion, effects and interaction patterns.
renatoxm/leanagentkit/template/packs/architecture/.agent/skills/references/domain-driven-design Skill
0★ repoA leaner alternative to GitHub Spec Kit
jpoindexter/design-engineering-canon/skills/dec-ai-native-patterns Skill
0★ repo20 agent-agnostic skills encoding the foundational canon of design engineering — usability heuristics, UX laws, product strategy, accessibility, performance, motion, software principles, design systems, AI-native patterns. Installs globally for Claude Code and any SKILL.md-aware agent.
otf-kit/skills/skills/otf-tokens Skill
0★ repoFree MIT agent skills that teach Claude Code, Cursor & Codex to build production cross-platform (web + React Native) UIs with the OTF SDK — npx skills add otf-kit/skills
skill-desktop-labs/skill-desktop/.agents/skills/frontend-design Skill
0★ repoA desktop app to install agent skills across Claude Code, Codex, Gemini, Cursor, GitHub Copilot, and Windsurf — without a terminal.
brian8a1/senso-agent-skills/skills/handoff Skill
no license0★ repoSenso Agent Skills for Claude Code, Codex, Cursor, and compatible agents
getpipher/skills/skills/design/skills/analyze Skill
0★ repoMonorepo of @getpipher/* pi-packages and framework-agnostic Agent Skills — git workflows, quality, workspace, Solana, infra playbooks.
knowledgeco/airworthiness/skills/specimen-first Skill
0★ repoFidelity and granularity controls for AI coding agents — the judgment a seasoned engineering team would apply, made explicit. Execution control + surface control. Model-agnostic. MIT.
tommylower/asbuilt/assets/templates/package Skill
0★ repoderive a design-system package from an existing codebase
shivtchandra/design-director/skills/portfolio-effects Skill
0★ repoAgent skill that plans colors, fonts, and motion from real catalogs — then ships UI.
dungsil/skills/skills/kotlin-code-design Skill
0★ repo개인용 에이전트 스킬 모음집
Cocos code driven scrollview ui
ChrisLamDev/cocos-creator-debug-skills/skills/cocos-code-driven-scrollview-ui Skill
0★ repo17 executable AI agent skills for Cocos Creator 3.x debugging
shuwarida/skills/skills/design-ux Skill
no license0★ repoHand-crafted Claude Code skills born from real projects, not theory, distilled from my day-to-day work
Kofiloski/ios-release-quality-toolkit/plugins/ios-release-quality-toolkit/skills/ios-ai-ui-check Skill
0★ repoAgent skills for App Store review risk, XCUITest testability repairs, and evidence-rich iOS Simulator checks.
matiasmercado88-debug/super-enigma/brutalist-web-sourcing Skill
no license0★ repoNobody asked for this. Nobody fully understands it. Six Claude skills for web design registers, plus a router. Named at 3am, no regrets.
Wu030616/quest3-unity-codex-skills/skills/unity-xr-mr-ui-director Skill
0★ repoQuest 3 Unity XR/MR Agent Skills for verification, spatial UI design, and read-only project audits
nick3/vibe-design-skills/skills/component-pattern-foundation Skill
0★ repoProject-agnostic skills for governed Agent-assisted product and UI design
zakariaf/Flutter-Skills/skills/adaptive-layout Skill
0★ repoGeneral, reusable Flutter engineering skills for AI coding agents — architecture, Riverpod 3.x, testing, persistence, i18n/RTL, accessibility, navigation & more. Agent Skills open standard; works with Claude Code, Cursor, Codex & 70+ agents.
uizze/uizze/plugins/openai-directory/uizze/skills/anti-ui-slop Skill
0★ repoStop coding agents from shipping generic UI with 800,000+ real web and iOS screens and a hard finish gate.
Ivor-NCUT/course-producer/skills/course-interview-design Skill
0★ repo面向 Codex Goal 长时运行的课程制作 Agent Skill:课程定位、专家访谈、材料加工、逐字稿、审校与课程海报。
YangsonHung/ui-ux-interaction-review/skills/zh-cn/ui-ux-interaction-review-cn Skill
0★ repo基于状态机的 UI/UX 交互审查 Agent 技能。
Cartograf666/alex-ter-vibeskills/skills/design-system-governance Skill
0★ repoPortable PRD-first, architecture- and design-system-aware Agent Skills for verified multi-model development across Claude, Gemini, and OpenAI Codex.
jjromero88/jjromero-skills-dev/angular-feature-architecture Skill
0★ repoClean Architecture para .NET + SQL Server + Angular, destilada de años de experiencia real en decenas de proyectos en producción.
Frontend bug diagnosis and fix
SHIHAOZOU/ai-frontend-engineering-skills/skills/frontend-bug-diagnosis-and-fix Skill
0★ repoProduction-ready frontend Agent Skills for Codex, Claude Code & Cursor—covering React development, debugging, refactoring, code review, bilingual docs, and npx skills installation. 面向 Codex、Claude Code 与 Cursor 的生产级前端 Agent Skills,覆盖 React 开发、Bug 修复、重构、Code Review 与双语工程规范,支持 npx skills 安装。
AE86-Victory/webapp-engineering-skills/skills/build-responsive-web-layouts Skill
0★ repoProduction-minded Agent Skills for responsive web design, root-cause refactoring, and maintainable app architecture.
rolson24/cad-sim-agent-skills/skills/cad-sim-design-orchestrator Skill
0★ repoEvidence-led agent skills for CAD, engineering artifacts, independent review, and bounded revision
thanhaq/interface-compass-skills/skills/design-system-starter Skill
0★ repoFrontend design skill pack for AI coding agents: briefs, design systems, audits, motion, copy, and ship checks.
seroneyemmanuel4-afk/fullstack-forge-skill/src/fullstack-forge/commands/forge-accessibility Skill
0★ repoEquip AI coding agents with a suite of specialist skills to audit, fix, verify, and report on production engineering tasks.
Sapiens-ostracism678/finance-skills/skills/generative-ui Skill
no license0★ repoProvide financial analysis and trading agent skills designed for integration with Claude Code to enhance decision-making and automation.
jpoindexter/wireframe-skills/skills/wireframe-elements Skill
0★ repoThe complete wireframing discipline as agent skills — /wireframe dispatcher + 7 reference skills distilled from Wireframing for Everyone (A Book Apart)
anthropics/skills/skills/canvas-design Skill
no license168,934★ repoPublic repository for Agent Skills
anthropics/skills/skills/frontend-design Skill
no license168,934★ repoPublic repository for Agent Skills
anthropics/skills/skills/theme-factory Skill
no license168,934★ repoPublic repository for Agent Skills
anthropics/skills/skills/web-artifacts-builder Skill
no license168,934★ repoPublic repository for Agent Skills
anthropics/skills/skills/webapp-testing Skill
no license168,934★ repoPublic repository for Agent Skills
thedotmack/claude-mem/plugin/skills/design-is Skill
90,807★ repoPersistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
nexu-io/open-design/design-templates/kami-landing Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/motion-frames Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/open-design-landing-deck Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/open-design-landing Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/sprite-animation Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/tweaks Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/wireframe-annotated Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/wireframe-greybox Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/wireframe-mobile-flow Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/wireframe-sketch Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/design-templates/worker-visualizer Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/atoms/design-extract Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/design-brief Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/frontend-slides Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/hps-bauhaus Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/kami-landing Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/motion-frames Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
Od plugin contribute open design
nexu-io/open-design/plugins/_official/examples/od-plugin-contribute-open-design Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/open-design-homepage Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/open-design-landing-deck Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
nexu-io/open-design/plugins/_official/examples/open-design-landing Skill
85,608★ repo🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.