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
Fantasymax/easy-build-skills/plugin/user-research-for-ai-config/skills/user-research-for-ai-config Skill
no license1★ repoLet AI research you back—answer ~15 multiple-choice questions to get YOUR AI config (CLAUDE.md / AGENTS.md / custom skills), instead of copy-pasting templates. By FantasyMax.
Mcgrass-ops/android-studio-pipeline/skills/android-compose-design Skill
1★ repoA full stack for anyone with an idea to be able to build a fully functioning app.
leobbaroni/maestro/skills/maestro Skill
1★ repoUnified design, motion, 3D, and video super skill for AI coding agents - eight upstream knowledge bases distilled into one, with automated upstream drift tracking.
vivaldi007/ux-psychology-skill Skill
1★Make AI agents design like product psychologists — 21 evidence-based UX principles (persuasion, interaction laws, Nielsen's heuristics) with honest-persuasion guardrails. Installable Agent Skill for Claude Code, Cursor, Codex & more.
SkillMedev/designer-to-dev-handoff/skills/color-accessibility Skill
1★ repoPrecise specs, redlines, and docs that eliminate guesswork at the design-to-code boundary.
bromso/metapowers/plugins/accessibility/skills/checklist Skill
1★ repoA Claude Code plugin that adds an agentic skills framework, with MCP's and a meta prompting processes. Inspired by "Superpowers" & "Figma Console MCP", but not just for development or design; but for all aspect within the digital production cycle.
Nordic-AI/production-readiness-skills/skills/accessibility-audit Skill
1★ repoEU-first, stack-agnostic Claude Skills for auditing and remediating production-readiness across security, compliance, testing, reliability, observability, supply chain, data protection, and scalability.
RaedMassoud/luxury-motion Skill
no license1★A Claude Code skill for building premium, next-level animations and motion effects in Shopify Liquid themes. Covers GSAP, CSS 3D, scroll-driven animations, Rive, Lottie, Three.js, and model-viewer.
tibichi/fast-preset/skills/fast-astro Skill
1★ repoPrototyping skills for AI coding agents. Astro, Tailwind CSS, DaisyUI workflow for designers. Turns product docs into a working coded prototype.
avilaok8647/ai-friendly-web-design-skill/skills/ai-friendly-web-design Skill
no license1★ repoBuild AI-friendly web interfaces with semantic HTML, ARIA, stable locators, and form best practices for better automation and accessibility
testing-skill/design-skill/skills/design-skill Skill
no license1★ repoUse this skill for beginner designers with a guided, hands-on starter that scaffolds simple design projects (landing page, logo, mobile UI) and actionable checklists to learn the design process.
frankxai/starlight-design-intelligence/skills/anti-slop-frontend Skill
no license1★ repoOwned premium design intelligence: brand packs, motion systems, UI rubrics, and visual identity doctrine for FrankX, Starlight, and Arcanea.
joepUI/motion-ref-skill Skill
1★AI coding agent skill for UI motion design. 111 production-ready effects across 13 categories — describe your product scenario, get CSS/JS code you can ship. Works with Claude Code, Codex, OpenClaw, and any SKILL.md-compatible agent.
kastriasani/google-ads-skills/skills/google-ads-ab-testing Skill
1★ repo13 Claude Code Agent Skills for Google Ads (research, planning, build, optimization, reporting) with a premium visual dashboard and a live example per skill.
SudewaJay/apple-design-skill/apple-design Skill
1★ repoClaude Agent Skill for Apple's design language — HIG + Liquid Glass, for app UI, landing pages, code, and Figma.
LcpMarvel/macos-app-icon-designer/skills/macos-app-icon-designer Skill
1★ repoA production-ready agent skill for designing, validating, packaging, and integrating macOS App Icons and menu bar template images.
Rmalnoult/craft-skill Skill
1★Frontend design skill for Claude Code & OpenCode: interfaces that look designed, not generated. Anti-cliché catalog, font tiers, seeded variation, pass/fail self-review.
hannsxpeter/goddesigns/skills/goddesign Skill
1★ repoCross-agent frontend design skill for Claude Code and Codex CLI: seeded aesthetic variance, evidence-derived anti-slop rules, and a measured QA gate with bounded self-correction.
yyqqCoding/engineering-flow-skills/skills/code-design Skill
1★ repoCompact evidence-driven development workflow skills for Codex CLI and Claude Code
protosphinx/sphinxstack/skills/accessibility-pass Skill
1★ repoA stack of skills for your AI agent, made for people starting from zero. 103 skills and 149 project briefs — load one into Codex, Claude Code, Copilot, Gemini, or Cursor and do the thing.
Hyper-AI-Lab/agentic-design/skills/agentic-design-review Skill
1★ repoPortable Agent Skills for distinctive, accessible, production-ready web design
zgzdhr/zhishuo-workflows/skills/zhishuo-apply-visual-taste Skill
1★ repo把真实项目经验整理成可安装、可检查、可追溯的 Agent Skills｜PDF、视频、文档、项目收口与视觉审美工作流
genapohub/ux-design-guide Skill
1★AI Agent Skill：UI/UX设计师方案产出指南，自动识别 5 类设计场景，按清单产出交互设计/设计系统/组件规范/无障碍方案等完整交付物。兼容 WorkBuddy / Codex / Trae / Cursor。
OpaceDigitalAgency/ai-ui-ux-motion-engine/skills/ai-ui-ux-motion-engine Skill
1★ repoAI website design, UI/UX, motion graphics and 3D web Agent Skill for Codex, Claude Code, Cursor, Copilot, Antigravity, Gemini, Windsurf and more.
valewnrt/design-skills/skills/dashboard-design Skill
1★ repoAgent Skills that give coding agents a real design vocabulary — mobile, dashboard and landing-page UI, with checkable rules instead of vibes.
ryanbaumann/fieldwork/.agents/skills/frontend-responsive-design Skill
1★ repoFieldwork by Ryan Baumann: developer tools, Field Notes, working Labs, and agent evals.
kongyo2/aistudiospec/aistudio-spec-builder Skill
no license1★ repobob798/ai-skill-kit/ai-engineering/agent-designer Skill
no license1★ repoA curated library of reusable AI skills and prompt templates for LLMs and AI agents to enhance reasoning, productivity, and workflows.
monmush/webflow-development Skill
1★Claude Code skill for building pixel-perfect websites in Webflow Designer using MCP Bridge and browser automation
spfr/figma-design-pipeline/skill Skill
1★ repoOpen-source MCP pipeline for Figma: inspect designs, apply safe mutations, sync tokens, and generate code with Claude, Codex, Gemini, and Figma desktop.
BetaHuhn/skills/bits-ui Skill
1★ repoA collection of skills for use with AI coding tools
medy-gribkov/arcana/skills/accessibility-wcag Skill
1★ repoUniversal AI development toolkit. 74 production-ready skills for every coding agent. Works with Claude Code, Cursor, Codex.
Ambitos-1995/jaws-accessibility-skill Skill
1★Agent Skill for accessible web development with JAWS/NVDA screen reader testing, WCAG 2.2, and Spanish/EU legislation compliance. Works with Claude Code, Codex, Copilot, Cursor, Windsurf, Cline, and Roo Code.
rams-design/rams-plugin/skills/rams Skill
1★ repoDesign review skill for UI code: accessibility (WCAG 2.1) + visual design checks with concrete fixes. From rams.ai
zw008/VMware-Aria/skills/vmware-aria Skill
no license1★ repoVMware Aria Operations monitoring, alerting, and capacity planning — MCP tools for AI agents
iamichieuche/theres-a-skill-for-that Skill
no license1★A craft-first skill advisor for designer-engineers. Tells you exactly which skill to run to improve UI quality, motion, design systems, or product feel.
Haaaiawd/Cli-ui-forge-skills/skills/terminal-logo-ui Skill
no license1★ repoAI agent skills for designing terminal logos, banners, and CLI selection UIs with stronger structure, clearer interaction models, and less generic noise.
michelve/hugin-cowork/skills/accessibility Skill
1★ repoA Cowork plugin that helps **product designers and engineers ship design-to-production React apps** — translating Figma mockups into accessible, production-ready components with best-practice enforcement for React 19, TypeScript, Tailwind CSS v4, and shadcn/ui.
pvnarp/agent-skills/skills/accessibility Skill
1★ repoSkills I use with Claude Code across my projects. Architecture, code review, testing, security, deployment, and more.
VinothKumar-Ganesan/Design-Skill/skills/design-skill Skill
no license1★ repoUse this skill for beginner designers with a guided, hands-on starter that scaffolds simple design projects (landing page, logo, mobile UI) and actionable checklists to learn the design process.
noklip-io/agent-skills/skills/base-ui Skill
1★ repoAI agent skills for Claude Code, Cursor, and other coding assistants
douinc/agent-skills/skills/design-md-to-shadcn Skill
1★ repoAgent skills for Claude Code, Copilot, Codex, and Gemini CLI — Figma icons (Iconify), logos (SVGL), Korean UX Writing, and more.
xrnavigation/web-a11y-plugin/skills/a11y-accordion Skill
no license1★ repoWeb accessibility agent skills — 23 cite-backed skills covering APG widget patterns, audit tooling, ARIA guidance, cognitive accessibility, and more. Works with Claude Code, Codex CLI, and Gemini CLI.
ulpi-io/plugin-marketplace/plugins/404kidwiz/skills/accessibility-tester Skill
no license1★ repoA curated collection of 7,800+ agent skills for Claude Desktop, sourced from skills.sh
rnd-pro/stitch-skills/skills/design-md Skill
1★ repoAgent skills for Stitch MCP, Project Graph MCP, and Symbiote.js component generation.
itsyasirkhandev/spec-driven-development/skills/UI Design/frontend-design Skill
no license1★ repoAll AI agentic development workflow I use myself and found helpful
acnlabs/persona-knowledge Skill
no license1★Persistent, searchable persona knowledge base — MemPalace + Knowledge Graph + Karpathy LLM Wiki. Data layer for OpenPersona persona training pipeline.
davidme6/frontend-polish-skill/skills/frontend-polish Skill
1★ repoCodex skill for polishing frontend UI, responsive behavior, interaction states, and production-grade implementation
kwhorne/elyra-skills/skills/accessibility-review Skill
1★ repo51 production-grade Agent Skills for AI coding agents — full software lifecycle (idea → spec → build → review → ship → operate → maintain) plus Laravel/TALL/VILT/Filament stack workflows. Works with Elyra, Claude Code, Cursor, and more.
Rubbish0-A/raytone-ui-studio/skills/ruidong-ui Skill
1★ repo睿动 AI 智能体 UI 风格库 — Claude Code plugin。2 套风格（smartsolu-linear 克制工作台 + bold-vivid 高冲击力主题），让同一风格下的所有智能体配色字体自动一致。
jade-666/design-brief-builder/design-brief-builder Skill
1★ repoStop your AI agent from guessing your design. Turns vague requests into structured constraint files that eliminate rework — works with Claude Code, Cursor, and Codex.
ImNeo-hub/neo-design-skill Skill
no license1★给 AI 看的个人品牌设计系统：用固定的配色/字体/布局规则，让 AI 产出风格统一、不像 AI 的 HTML 页面与小红书图文卡片。
shapediver/agent-skills/skills/shapediver-appbuilder-fork Skill
no license1★ repoAgent skills for ShapeDiver
dillonschultz93/quieto-skills/design-token-audit Skill
1★ repoAgentic agent skills for the Quieto Tokens design token CLI. Each skill wraps a CLI command into a conversational workflow invocable via slash command.
pjankiewicz/skills/skills/app-bug-sweep Skill
1★ repoAgent Skills published by @pjankiewicz, in the open Agent Skills format. Currently: open-multi-agent (TypeScript multi-agent orchestration via @jackchen_me/open-multi-agent).
simongonzalezdc/web-typography-skill Skill
1★Apache-2.0 AI-agent skill for readable, accessible, high-performance web typography.
scwlkr/skillsies/skills/design-refine Skill
no license1★ repoReusable agent skills for docs, design, and repo cleanup.
XINGANLIU/design-system-generator-skill/skills/design-system-generator Skill
1★ repo🎨 One color in → Full design system out. AI agent skill for generating production-ready design systems.
Dragoon0x/frontcraft/skills/frontcraft Skill
1★ repothe frontend craft specification. 324 rules. 20 categories. every threshold is a number, not an opinion.
Accessibility compliance audit
JPeetz/agent-skills/accessibility-compliance-audit Skill
no license1★ repoThe definitive collection of cross-platform Agent Skills. Compatible with Claude Code, Codex, Cursor, OpenClaw, Gemini CLI, Copilot, Hermes. Curated weekly. Higher quality than any alternative.