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
Lucxar/premium-web-design-skill Skill
no license3★Agent Skill that transforms any website into a premium, Apple-quality web experience. Based on 80+ scientific studies. Works with Claude Code, Cursor, Gemini CLI, VS Code Copilot & 30+ AI tools.
urmzd/dotfiles/dot_agents/skills/agent-design-doctrine Skill
3★ repoCross-platform dotfiles managed by Chezmoi with Homebrew/apt and per-language version managers. One-command bootstrap for macOS and Linux with Neovim, Tmux, Zsh, and AI agent skills.
lihytaihe-lang/aetherpane/skills/web-ui-polish Skill
3★ repoWeb UI polish skill and design system for AI coding agents (Codex, Claude Code, Cursor, Windsurf). Turn rough frontend pages into polished interfaces.
MedocMay/ai-native-builder-consultant-skills/ai-native-builder-consultant-skills/skills/agent-design/agent-boundary-design Skill
no license3★ repoConsultant-grade skills, workflow, and templates for designing, evaluating, launching, and iterating AI Native products.
TheBaffledKing/jony Skill
no license3★Point it at a screen and it builds a working page where every proposed change sits behind its own toggle, with the reasoning attached. A design-judgment skill for AI coding agents that sharpens your eye, not just your screen.
DNM03/frontend-code-review/skills/frontend-code-review Skill
3★ repoAgent skills for production-ready frontend code reviews across React, Next.js, TypeScript, accessibility, UX, performance, and SEO.
lawzava/megapowers/plugins/mega-frontend/skills/designing-frontends Skill
3★ repoSkills, plugins, and hooks that change how coding agents work — Claude Code, Codex, OpenCode, Antigravity. Measured, not vibed.
ironbee-ai/ironbee-devtools-skills/skills/accessibility-audit Skill
3★ repoSkills for IronBee DevTools MCP/CLI
gtn1024/hydro-dev-skills/skills/hydro-plugin-frontend Skill
no license3★ repoCosmoBlk/email-design Skill
3★Email design skill for Claude Code. Anti-slop emails — six committed archetypes, brand-aware briefs, real imagery, real footers. Works with any ESP via MCP (Nitrosend, Klaviyo, Mailchimp, ActiveCampaign).
moderncss/skills/skills/modern-css Skill
3★ repoModern CSS skills for coding agents and humans
lindoelio/my-agent-skills/admin-ui-svelte Skill
no license3★ repoA collection of reusable Agent Skills for AI-powered development tools.
FrozenMoon/ui-design-workflow Skill
3★UI workflow for production-grade Vibe Coding projects
arthjean/skills/skills/baseline-ui Skill
no license3★ repoPublic collection of Agent Skills for Codex, Claude Code, and compatible coding agents
arsudsandesh97/Revoact/skills/architecture-doc Skill
3★ repoAI-powered skill pack for generating professional documentation, including PRDs, architecture, design docs, roadmaps, and READMEs
TeXmeijin/claude-case/skills/case Skill
3★ repoClaude Code が「1. Xする？ 2. Yする？ 3. …」のように複数の選択肢を並べてきたとき、チャットで 1,2,1 あと2はXで と返すのが面倒。これをブラウザ UI に置き換える Skill
musabekisakov-imj/flutter-design-engineer/skills/flutter-accessibility Skill
3★ repoAgent skills for product-aware, adaptive, accessible, and visually verified Flutter UI design engineering
m-binimran/design-pack/skills/accessibility-contrast Skill
3★ repoConnector-first Claude Code pack for graphic designers: Figma, Canva, Adobe Firefly, Nano Banana, Higgsfield, Unsplash, Brand.dev + skills, design guardrails (contrast/licensing/asset hygiene), loops & review agents.
awesome-skills/design-artifact/skills/design-artifact Skill
3★ repoBuild and verify polished interactive HTML artifacts and responsive prototypes.
taiyouZhang/mbti-parallel-persona Skill
no license3★你的赛博闺蜜/损友——用 MBTI 人格口吻秒回生活，提供情绪价值的性格陪伴 skill
alMubarmij/Arabic-AI-Skills/arabic-rtl-best-practices Skill
3★ repoمهارات للغة العربية لأدوات ووكلاء الذكاء الاصطناعي
satishTheLegend/universal-designer Skill
3★Claude Code meta-skill: single entry point for all frontend design, animation & 3D — detects your stack, sets direction, routes to 24 specialist skills.
Immoderate-humulin783/odoo-skills/skills/grill-me Skill
no license3★ repoAutomate Odoo development tasks including addon reviews, OCA migrations, test writing, and OWL frontend changes.
eXodes/skills-workspace/design Skill
no license3★ repoAgent skills — reusable prompt modules providing specialised domain knowledge
Accessibility inclusive design
hueyexe/frontend-agent-skills/accessibility-inclusive-design Skill
3★ repoAgent skills for frontend UX/UI design that actually looks good
markphelps/agent-plugins/development/skills/cli-design Skill
3★ repoMy AI Agent Plugins. There are many like these but these are mine.
PGraeff/frontend-design-pro-agent-skill/skills/frontend-design-pro Skill
3★ repoPortable Agent Skill for distinctive, accessible frontend and mobile UI with searchable design intelligence and concise UI copy.
RahmatHadinata23758051/SKILL-Codebase-Onboarder/skills/codebase-onboarder Skill
no license3★ repoAn extensible agent skill that analyzes existing codebases on a strict token budget. It automatically classifies project structures into architectural layers (Presentation, Logic, Data, or Ports and Adapters) and saves persistent markdown reports and Mermaid diagrams locally.
Syo-M/fable-frontend-skills/.claude/skills/a11y Skill
3★ repoMeasured, opinionated Claude Code rules for frontend work (React / Next.js / Vite / Astro) — skills, path rules, review agents, sign-off hooks, installer & plugin. Every claim backed by committed eval reports.
LLl0k0laD/agent-skills/skills/api-and-interface-design Skill
2★ repoEnhance AI coding agents with structured workflows and best practices for building reliable web applications through production-grade engineering skills.
launch52-ai/flutter-template/.claude/skills/a11y Skill
2★ repoTemplate for Flutter mobile applications.
atuljha23/holocron/skills/a11y-checklist Skill
2★ repoRole-aware Claude Code plugin: 10 specialist agents (frontend, backend, QA, a11y, perf, security, architect, debugger, code-reviewer, docs), 15 domain commands, 8 skills, and a SQLite-backed learning crystal that compounds your corrections across sessions.
mshadmanrahman/pm-operating-system/_context/skills/animation-principles Skill
2★ repoAn opinionated workflow system that restructures how product managers work with Claude Code. 16 PM skills, 9 agents, 10 coding rules, 13 slash commands, 6 automation hooks, product brain system, and session lifecycle with memory/handoffs.
keysjoao/laws-of-ux-skills/laws-of-ux-checklist Skill
2★ repoThree Claude Code skills bringing the 30 Laws of UX into your frontend workflow — advisor, audit, pre-ship checklist.
varunk130/ai-ux-skill-library/skills/ai-accessibility-audit Skill
2★ repoThe 12-skill AI UX design engine for Claude Code & GitHub Copilot — purpose-built for designing UX for AI products, agents, and experiences.
webmilmind1/claude-plugins/frontend-kit/skills/animejs Skill
no license2★ repoFrontend Design Kit for Claude Code — UI, UX, components, charts & animation. KokonutUI, Bklit UI, and Anime.js skills in one installable plugin.
Conversion accessibility polish
divyanshu-iitian/agent-website-design-skills/conversion-accessibility-polish Skill
2★ repoVerification-first AI agent skills for website design, landing pages, responsive UI QA, accessibility, and ethical conversion.
dhernz/site-to-prompt/skills/site-to-prompt Skill
2★ repoConvert any site into a prompt — give your agent a URL and it parses the site into a structured prompt another agent can rebuild from.
laymom/consulting-ux-strategy Skill
2★Consulting-grade UX strategy & diagnosis as a Claude Code skill — Double Diamond, Nielsen heuristics, MECE, Pyramid Principle, JTBD, RICE. Every method cited to its source.
ASACHIT/ask-gemini/skills/ask-gemini Skill
2★ repoA Claude Code skill that delegates UI/UX work to Gemini while Claude keeps the wheel — two models in parallel, design taste that stays consistent across your whole app.
Heet-P/skills/skills/design-taste-frontend Skill
no license2★ repoLoserLab/specimen Skill
2★Specimen is a Claude skill that generates structured typography systems from configuration.
imamirezaei/Product-Team-Claude-Skills/policy/product-designer/skills/design-handoff Skill
no license2★ repoProduct Team Skills
felipecabargas/gambit/skills/build-user-persona Skill
2★ repoPM skills and workflow agents for Claude/Gemini — research to roadmap, sprint to stakeholder.
helloyxs/generate-html-ppt Skill
2★A coding-agent skill for creating stunning, interactive HTML presentations — from scratch or by converting PowerPoint (`.pptx`) files.
parakeet09/joyride-studio Skill
no license2★A Claude Code skill that turns clicks in your running app into a wired react-joyride tour, themed to your design system.
OpenRaiser/paper-webpage-builder Skill
no license2★🌐 [Skill] Turn a research paper into a publishable project homepage — a Skill for AI agents like Codex/Claude Code that auto-generates index.html from LaTeX source or PDF
rampstackco/claude-skills-starter/skills/accessibility-audit Skill
2★ repoCurated 14-skill starter set from claude-skills. Performance-optimized for Claude Code.
EnchStyle/ui-ux-audit-skill/ui-ux-audit Skill
2★ repoClaude skill: scored UI/UX audits and silent prevention of the failures AI ships. 15 categories, severity rubric, durable-fix recommendations.
Tricholomaaurantiumknottiness355/design-dna Skill
2★Extract, structure, and apply visual design identity as machine-readable Design DNA across tokens, style, and effects
ShreyasBh02/AI-Skills-Collection/a11y-security-generator Skill
no license2★ repoInstallable GitHub library of 5+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.
LeonMelamud/claude-code-security-review/.github/skills/skill-creator Skill
no license2★ repoAI-powered security audit skill for code changes with false positive filtering. Based on Anthropic's claude-code-security-review.
boserup/wes-bos-sick-picks/skills/wes-bos-sick-picks Skill
2★ repoClaude Code skill for building frontend UI the Wes Bos way: research pitfalls and modern platform features before planning, design accessible (WCAG) components with native HTML/CSS, then verify the approach against Wes Bos on X + trusted sources (MDN, web.dev, CSS-Tricks). Framework-agnostic.
Naimehossein77/claude-flutter-ui-skills/flutter-ui Skill
no license2★ repoPixel-perfect Flutter UI, smooth animations, GoRouter navigation, and enforced state management rules. Prepared by DevCenter
saitarrun/sdlc-ai-workflow/skills/skill-accessibility Skill
no license2★ repoA comprehensive Claude Code plugin that automates the complete Software Development Lifecycle with 20 role-specific agents, 12 knowledge skills, and 8 commands, all guided by principles.
Calvin-LLC/claude-harden-plugin Skill
2★A codebase hardening plugin that audits your project for security vulnerabilities (OWASP Top 10:2025), debugging gaps, test coverage, robustness issues, and accessibility violations (WCAG 2.2). Works with any language. Compatible with both Claude Code and OpenCode.
erenisci/claude-design-prompter/claude-design-brand Skill
2★ repoTwo Claude Code skills that turn your repo into paste-ready Claude Design prompts — brand-aware, project-type-tuned, language-aware, file-persisted.
veryCoolTimo/design-playbooks-skill/skill Skill
2★ repoEvidence-based design playbooks for Claude Code — rules synthesized from 407 real product sites: page-type playbooks with pattern frequencies, 9 style guides, per-site hex/type tokens, DESIGN.md generator. Free, local, MIT.
yschimke/skills/skills/compose-design-catalog Skill
2★ repoHelping the Agents Compose the Things
touge1618/touge-spoken-storyboard/skills/touge-spoken-storyboard Skill
2★ repoTurn Chinese talking-head SRT and prepared design assets into a HyperFrames-ready STORYBOARD.md