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
brianamazzio/design-system-toolkit/skills/design-system-generator Skill
0★ repoTwo Claude Code skills for design systems: generate one from a brand interview, or import an existing one from Figma into a spec + code tokens + visual guide.
iansteitz1-eng/aria-skills/aria-skill-candidates Skill
no license0★ repoOpen-source Claude Code Skills that replace clicking through vendor dashboards — Stripe, Cloudflare DNS, ElevenLabs, GitHub, and more. Powered by Aria Code.
n3owise/brand-launchpad Skill
0★A Claude skill that generates premium visual brand systems and browser-ready brand boards.
LiozShor/design-log-skill/design-log Skill
0★ repoA Claude Code skill implementing Yoav Abrahami's Design-Log Methodology with plan-mode integration, mandatory research, and test handoff
JoshBuildApp/launchkit/skills/launchkit Skill
0★ repoLaunchKit — build & launch a complete website with Claude Code. A bundle of skills (planning, design, UI/UX, frontend, SEO, accessibility, legal) that works worldwide with first-class Israel support (Hebrew/RTL, IS 5568, Israeli privacy law).
Viniciusmq25/skills/design-a-interface Skill
0★ repoMy personal directory of skills, straight from my .claude directory.
gurbaaz27/every-ui-ux-concept/every-ui-ux Skill
no license0★ repoClaude Code skill covering every core UI/UX design concept — based on Kole Jain's video
HlibPanchenko/react-laravel-frontend-skill/react-laravel-frontend Skill
0★ repoA Claude Skill for senior-grade React frontend development against Laravel APIs
gcunharodrigues/xp-icm-workflow Skill
0★Skill ICM para Claude Code — bootstrap one-shot, 9 estagios, subagentes paralelos, drift gate automatico
Hosseinkm89/figma-skills/accessibility-contrast-audit Skill
0★ repoClaude Skills for product designers working in Figma — design systems, layout cleanups, Plugin API automation.
merge-api/merge-unified-skills/skills/implementing-link Skill
0★ repoClaude Code skills for the Merge Unified API
alabenkhlifa/codex-stitch-designer/claude/stitch-designer/skills/stitch-designer Skill
0★ repoCodex and Claude Code plugin for designing UI screens with Google Stitch MCP
wachawo/claude-skills/skills/banner-design Skill
0★ repoClaude Skills for software engineers and developers
mrsoundmind/product-audit-skill Skill
0★Senior-consultant-grade UX, product strategy & experience audit skill for Claude Code. Produces polished .docx deliverables. By Shashank Rai.
kakarot-oncloud/claude-dev-skills/skills/api-designer Skill
0★ repo15 practical Claude Agent Skills for software developers — commit messages, PR descriptions, code review, SQL, regex, tests, migrations, and more. Official SKILL.md format, ready to upload to Claude.ai.
joelrkohlman/instructional-design Skill
0★A Claude skill for instructional designers — ADDIE, SAM, learning objectives, assessment design, and e-learning development
dills122/ai-central/templates/skills/adapted/frontend-design-review Skill
0★ repoCentral library for AI coding context: steering files, AGENTS templates, reusable skills, scaffold scripts, and guided setup for new or existing projects.
IfyN/frontend-accessibility-audit/accessibility-audit Skill
0★ repoA Claude skill for running structured frontend accessibility audits and writing shippable engineering tickets. Covers React and Flutter/iOS/Android with a 30-pattern production library.
huyufei/name-persona-signature-skill Skill
no license0★将姓名首字母生成专属英文人格签名、诗意中文短句与个人 Slogan 的中文 AI Agent Skill
banjinbell/wechat-miniprogram-design/skills/wechat-miniprogram-design Skill
0★ repoSkill for designing production-grade WeChat mini-program UI — multi-screen interactive React prototypes inside a real iOS frame with the WeChat capsule. Portable across Claude Code, Cursor, Cline, Aider, Codex CLI.
scholarly360/flowise-designer/skills/flowise-designer Skill
0★ repoGenerate, design, and export valid Flowise Chatflow and AgentFlow JSON files ready to import into Flowise. Use this skill whenever the user wants to
burgundytable/burgundytable-brand-assets Skill
no license0★BurgundyTable brand assets — logos, favicons, print PDFs. Referenced by the burgundytable Claude skill.
learn-with-santosh/claude-master-skills/skills/aesthetic-ui-engine Skill
no license0★ repoA curated collection of specialized skills and workflows designed to enhance Claude's capabilities in specific domains. These skills provide frameworks, psychological triggers, and structured processes to deliver high-quality, professional results.
maker-tung/mt5-expert Skill
no license0★blammectrappora/menu-design-generator Skill
no license0★Menu Design Generator — AI-powered restaurant menu design ai
liberastudio-mx/skill-ui-ux-Libera Skill
no license0★A Claude Code skill for planning website structure, UI logic, and UX patterns before visual design.
charlieai-co/email-design-skill Skill
0★Teaches LLMs to generate properly structured email HTML that renders correctly across 50+ email clients. Email is not the web — this skill prevents the rendering failures that occur when LLMs use web development patterns in email.
Mothilal-M/hyperframes/.agents/skills/claude-design-hyperframes Skill
no license0★ repoExperiments in agent-driven video generation — declarative HTML frames with Python TTS narration
jacarty/claude-toolkit/.claude/skills/design-thinking-ideation Skill
0★ repoMy template repo for building with Claude
rhino-ty/apca-contrast-skill Skill
0★AI agent skill: APCA-W3 v0.1.9 perceptual contrast measurement with fontLookupAPCA pass/fail — design system audits for Tailwind v4 / shadcn oklch tokens, light/dark mode side-by-side
aksheyw/claude-code-learned-skills/skills/audit Skill
0★ repo12 Claude Code skills auto-extracted from real sessions: Docker/SSH/VPS ops, data/ML pipeline gotchas, 4 model prompting field guides, a 10-category bug audit, and a persistent project wiki (llm-wiki) with slash commands.
Hectelion-SA/claude-design-video-render/skill Skill
0★ repoSkill Claude Code : transforme un export vidéo Claude Design (animation HTML/React) en vrai fichier MP4 (rendu image par image via Puppeteer puis encodage ffmpeg H.264).
1marcelserrano/design-canon/skills/design-canon Skill
no license0★ repoAplica uma disciplina de design (Vignelli, suíça ou nenhuma) aos tokens de qualquer design system e exporta em CSS, SCSS, Tailwind v4, JSON, W3C Design Tokens e Style Dictionary. Skill do Claude, determinística.
NikolovG/ada-compliance-auditor/skill Skill
no license0★ repoA Claude Skill that helps make your content usable by everyone, regardless of accessibility needs, by auditing web pages, documents, and media against WCAG standards.
petrkry/figma-build-design-skill Skill
0★Agent skill for building Figma screens through your design system — library-first via Figma MCP, not manual redraws. Works with Claude, Codex & Cursor.
jayesh-bansal/email-pro-max Skill
0★Claude skill: HTML email design intelligence - renders perfectly in Outlook, Gmail, Apple Mail. Bulletproof buttons, dark mode, client quirks for 25+ clients.
vincent-wen789/persona-audit Skill
0★Multi-persona cold-read QA for anything that generates user-facing text — four AI personas read only your output and report what real users misread or can't find.
NeuralMedic-DE/claude-skills/a11y-gate Skill
0★ repoVerified-gate Claude Code skills that run their checks and prove the result — by NeuralMedic. Web, accessibility, healthcare & compliance, data, IaC, Odoo.
jaballer/react-claude-skills/react-a11y Skill
0★ repo21 composable Claude Code skills for senior React + UX engineering — component design, a11y, performance, forms, routing, marketing & docs patterns, testing, and interview craft.
zeeshani42/your-ui-ux-designer Skill
0★A universal UI/UX design skill for Claude — generate production-grade dashboards, landing pages, and mobile screens across HTML, Figma, and any design tool.
vasyafomiuk/skills/java-playwright-cucumber-e2e/1.0/claude Skill
0★ repoClaude Code skill plugin marketplace — java-playwright-e2e: Java + Playwright + Cucumber (BDD) end-to-end test automation
Fldicoahkiin/agent-skills-card/.claude/skills/gpt-tasteskill Skill
no license0★ repoShowcase your Claude Agent Skills repos on your GitHub profile with live, customizable SVG cards — a prettier replacement for pinned repos.
SkillMedev/design-system-builder/skills/animation-system Skill
0★ repoFrom tokens to components to documentation — the complete design system workflow.
SkillMedev/motion-video-direction/skills/kinetic-typography Skill
0★ repoThe craft layer for software video — storyboarding, motion principles, type, color, sound, and social cutdowns
lroolle/skills/skills/animate-it Skill
0★ repoNine opinionated agent skills for Claude Code & Codex — UX design, motion, HTML artifacts, decision spread, goal contracts, and the craft of making skills. Every protocol opens with a gate that can say no.
chiragg-ds/claude-skills/skills/interior-design-os Skill
0★ repoComposable Claude Code skills for building Notion CRM + Operations OS workspaces.
atruvia/techzone-skills/atruvia-design-system Skill
no license0★ repoSkills für Claude / Claude Code aus der TechZone der Atruvia AG — Atruvia Design System & Teach.
0xdenny218/vercel-geist-design-skill/skills/vercel-geist-design Skill
0★ repoLightweight Agent Skill for applying Vercel Geist design language to Codex, Claude Code, and frontend UI work.
Sidsaladi9/persona-os/plugins/product-manager-os/skills/activation-flow-design Skill
0★ repoPersona OS by The Product Channel — drop-in operating systems for Claude Code. Product Manager OS: 40 book-grounded, battle-tested skills + commands + memory + getprompts/getskills.
goingli0324/ui-ux-deploy-reviewer Skill
0★Claude skill: 部署前 UI/UX 總體檢 — pre-deploy UI/UX review against 20 principles (Nielsen heuristics + interaction laws + accessibility), with severity-ranked issues and a go/no-go checklist
TecCat/claude-skills/prototype Skill
no license0★ repoClaude Skills for UI psychology analysis and rapid prototyping
LoWeiLee/academic-ai-workflow/skills/1-research-design-diagnosis Skill
no license0★ repoAn institution-based AI collaboration workflow for academic research — anti-hallucination by design
bispeklolik/debug-by-using/skills/debug-by-using Skill
0★ repoDebug any product by USING it (living the full user cycle, all features, like a picky user) instead of green tests. Start interview (Goal+Benchmark), two modes: Solo and Agentic+ (delegate fixes to agents). Claude Code skill.
TarekAwwad/claude-ux-framework/skills/ux-framework Skill
0★ repoA Claude Code skill that makes agents do the UX work before writing UI code. Enforced process, sourced rules, measured with/without validation.
imikailoby/claude-skills/skills/laws-of-ux Skill
0★ repoPersonal collection of Claude Code skills
Mobiss11/figma-pixel-perfect Skill
0★🎯 AI Skill: pixel-perfect вёрстка по макетам Figma через MCP — без придуманных иконок и размеров. Численный аудит DOM против спеки, скриншот-дифф с heatmap, детектор выдуманных иконок, экономия токенов. Claude Code / Cursor.
laixi969-coder/hiccai-landing Skill
no license0★Claude Code skill for high-conversion landing pages — strategy, copy, design, motion, runnable HTML, with built-in SEO & GEO (llms.txt, FAQ JSON-LD, AI-crawler ready). 专做落地页的 Claude Code skill。
ahmadabdulnasir/agent-ai-readiness/skill/agent-web-audit Skill
0★ repoA portable checklist for making a site usable by AI agents and legible to AI search (Claude, ChatGPT, Perplexity, Grok, Gemini, and browser agents). Based on Google's web.dev agent-friendliness guidance, the Lighthouse Agentic Browsing audit, and Google's generative-AI search guide (all 2026).
jgamaraalv/delivery-loop/.claude/skills/accessibility-a11y Skill
0★ repoContinuous fullstack delivery loops — orchestrates frontend, backend, and quality subagents (behaviour drivers, engineers, UI/UX specialist, code/security reviewers, architects) in a test → diagnose → fix → review → secure → re-test cycle until the work is production-ready
Claude fable method orchestrator
iesjoaco7-cyber/Claude---Fable-5-Clone/.claude/skills/claude-fable-method-orchestrator Skill
0★ repoReusable Claude Skill and LLM agent framework inspired by Fable 5 reasoning workflows, prompt orchestration, tool simulation, validation, and project-level automation.