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
pjsny/tufte-viz/skills/tufte-viz Skill
9★ repoEdward Tufte data visualization principles for AI coding agents. Data-ink ratio, chartjunk, small multiples, sparklines, and more.
0ics-srls/ui-ticket-mcp_public/io.github.0ics-srls/ui-ticket-mcp MCP server
no license9★ repoHuman-to-AI code review bridge. Review UI in the browser, AI agents fix code via MCP.
Akshat2634/Codelens-AI/.claude/skills/frontend-design Skill
8★ repoAgent Productivity-to-Cost Correlatorcodelens-ai
willem4130/claude-code-skills/skills/elite-powerpoint-designer Skill
no license8★ repoDevelopment playground and collection of custom skills for Claude Code - extending Claude with modular, reusable workflows
patraxo/ltx2-vidgen-skill/skills/ltx2-video Skill
no license8★ repoOwn your AI video pipeline. LTX-2.3 (22B) self-hosted on your Modal GPU via a Claude Code skill — t2v, i2v, keyframes, v2v + synced audio. ~$0.02 per 5s clip, idle = $0.
DonkeyKing01/tasteful-ui-skill/tasteful-ui Skill
8★ repoA taste-first UI design skill for coding agents: explore visual direction through references, translate taste into executable design docs, and keep implementation grounded in real project context. Inspired by Claude Design, awesome-design-md, and Google design.md.
GrimLink/dotfiles/skills/a11y-audit Skill
no license8★ repo🔧 My DEV env setup
Figma ios comments integration
mythkiven/figma-ios-codegen/.cursor/skills/figma-ios-comments-integration Skill
8★ repoFigma to iOS UIKit codegen: deterministic data package + Agent skills (Cursor/Claude) for baseline Swift UI.
Mendiak/less-is-more-ui Skill
8★Minimalist web UI design skill for AI agents inspired by modernist principles like “Less is More” and “Form follows function”.
Lombiq/Orchard-Core-Agent-Skills/skills/orchard-core-theming Skill
8★ repoReusable, agent-agnostic knowledge packs for Orchard Core development, focused on theming, shapes, content modeling, and evidence-first workflows.
boldprojekte/franke_skills/skills/engineering/cxcc-subagent Skill
8★ repoAgent-first CLI that runs Codex, Claude Code, and Grok as detached coding workers, while a stronger model keeps orchestration, steering, and review.
JarvixGaby/motion-guide-skill/motion-guide Skill
8★ repoAI-agent skill for product-safe UI motion decisions.
QuasarG/taste-bank/io.github.QuasarG/taste-bank MCP server
8★ repoReusable visual design systems for AI coding agents — browse, fetch, and submit styles via MCP.
cdeust/zetetic-team-subagents/skills/boundary-design Skill
7★ repo11 problem-shaped skills backed by 97 sourced reasoning patterns — Curie to Toulmin, as Claude Code agents. Every claim cites its source; a pre-commit gate blocks unsourced constants. Install the gates alone in 30s (zetetic-gates). The only agent system where "I don't know" is a feature.
viknesh20-20/claude-code-tool-kit/.claude/skills/a11y-audit Skill
7★ repoProduction-ready Claude Code configuration. 12 original agents, 200+ slash-command skills, 45+ MCP servers, 14 plugins, design + 3D + WebGPU + GSAP + RAG tooling. One-command Node.js installer for premium websites, SaaS apps, AI agents. Free, MIT, stack-agnostic.
Nyx-abu/awwwards-ui-skill/skills/awwwards_ui_design Skill
7★ repoA skill that raises the design quality of AI-generated UIs. Teaches Antigravity, Claude Code and Codex to build with real design intent — motion, typography, color, accessibility — instead of generic slop.
piaoyinghuang/brand-consistency-ai-skill Skill
7★Keep every marketing deliverable perfectly on-brand — works with Claude, GPT-4, Gemini, and any LLM
santowilem/skills/skills/clone-ui Skill
no license7★ repoPixel-faithful UI cloning skill for Claude Code, Cursor, Codex CLI, ChatGPT, and Copilot. Anti-hallucination contract + adversarial verification. Built on the SKILL.md open standard.
ccwbb78/design-skills/ui-designer Skill
no license7★ repo用于优化智能体制作网站时的审美 Used to optimize aesthetics when creating agent websites Claude Code skill | UI/UX designer | 自动设计方案 | AI 前端设计
touchine-ojo/OJO-Design-Skills/skills/app-ui-ux-best-practices Skill
7★ repoReusable UI/UX design skills for AI coding agents — Codex, Claude Code, ZCode, and more.
playbookTV/Ironclad/skills/app-audit Skill
no license7★ repoAgent-agnostic operating procedures for reviewing, debugging, testing, refactoring, and hardening software.
SuanFishXYY/suanfish-design-system Skill
no license7★🐟 Suanfish Design System — 33 specialized AI design agents across 7 tiers with REJECT mechanism. Multi-agent design language SKILL for Claude Code / Codex CLI / Copilot CLI. v2.5 adds AI-native Path G (streaming · tool-calls · reasoning · citations · artifacts).
HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetic-usability-effect Skill
no license7★ repoCross-agent marketplace of Universal Design Principles skills for Claude Code, Codex, Cursor, Gemini CLI, and other AI agents.
Manzanita-Research/brand/.claude/skills/frontend-design Skill
no license6★ repo🏷️ With love from California
synaptiai/synapti-marketplace/plugins/ai-first-org-design-kit/skills/adoption-sprint-designer Skill
6★ repoThe Synapti Marketplace is a curated collection of Claude Code plugins designed for AI-augmented development + advanced analytical and research tasks. Each plugin provides specialized agents, skills, and commands that extend Claude Code's capabilities in specific domains.
xonack/wp-ux-design-claude-skill/skills/wp-ux-design Skill
6★ repoWordPress UX Design skill for Claude Code - Core Web Vitals, mobile-first design, typography systems, color management, navigation UX
voidmatcha/ui-clone-skills/skills/ui-capture Skill
6★ repoMotion forensics for the animated web. A Claude Code & Codex plugin that reverse-engineers a live URL into React + Tailwind — pulling real CSS + animation params from JS bundles (GSAP/Framer Motion/Webflow IX2) and verifying with AE/SSIM diff, not screenshots.
konglong87/methodology-skills/skills/ddd-strategic-design Skill
6★ repo[方法论]智能体skills；一键生成公众号文章和贴图、一键小红书信息图 && 技术选型、产品策略、战略分析、MVP、DDD、一次目标追踪器、使命必达skills
jinshiqwq/image-first-frontend Skill
6★This is a frontend design skill specifically tailored for the Codex and GPT-5.6 series models, aiming to enhance the frontend design capabilities of the GPT series models. Through a customized GPT image-compatible API, user interface previews are generated and iterated, and then the approved designs are recreated as high-quality web pages.
sayeed1999/agent-skills/skills/battle-tested-engineer Skill
6★ repoReusable agent skills for battle-tested engineering judgment — least code, fix the problem, don't break what works. Works with Claude Code, Cursor, and Codex.
MangouArt/mangou/skill-src/mangou Skill
no license6★ repoBring AI Comic Director to your OpenClaw
DTM-repo/skills/plugins/ron-draper/skills/ron-draper Skill
no license6★ repoAn incisive, source-available brand-distillation skill for Claude, Codex & any SKILL.md tool. Finds the kernel hiding in your product's name, then builds a full brand kit to hand to the coding agent of your choice. You can't be Don (or afford him). But Ron's available.
chyinan/terminal-ui-design-system Skill
no license6★A complete terminal-style UI design system for IDE Skills
rgourley/financial-ui-suite/skills/financial-ui-patterns Skill
6★ repoProduction-grade financial UI skills for Claude Code. Composable correctness + 10 aesthetic styles (Bloomberg, TradingView, Robinhood, Coinbase, Financial Times, Massive, Wise, and more).
howshannon/slop-cop/skills/slop-cop Skill
6★ repoAudit, grade, and rewrite generic AI-slop patterns in prose, social posts, UI/design, and code. Use when asked to de-slop writing, humanize AI copy, grade a draft, review a landing page or generated interface, remove vague claims and repetitive rhetoric, or inspect AI-written code for generic abstractions and happy-path-only logic.
Daaaaave/agentic-workspace-core/payload/.agents/skills/frontend-ui-workflow Skill
6★ repoRepository-native agent memory, skills, AGENTS.md, llms.txt, and knowledge workflows for coding agents.
fitoe/DesignToCode/skills/design-to-code Skill
6★ repoCodex skill for turning segmented design images into high-fidelity UnoCSS page code.
Mozurok/fhorja.dev/.claude/skills/a11y-audit Skill
6★ repoA workflow operating system for AI-assisted engineering. Task state, decisions, and plans live on disk as files, not in chat history, so context survives across sessions, tools, and restarts.
sarveshsea/design-skills/skills/accessibility-audit Skill
6★ repoPractical design judgment for AI coding agents: 78 installable skills for craft, research, generation, Figma, and Memoire.
caoxg/claude-skill-aesthetic-foundations/skills/aesthetic-foundations Skill
6★ repoA Claude Code skill that injects aesthetic principles from painting, photography, graphic design, and Eastern visual tradition into UI/design decisions.
Zeeh-Lin/spinal-pro Skill
6★An OpenSkills agent skill for SpinalHDL development with correctness-first guidance from official docs and VexRiscv.
Source faithful dify prototype
samzong/agent-brains/agents/dify-prototype-builder/skills/source-faithful-dify-prototype Skill
6★ repoPersonal agent brain catalog for coding agents: AGENTS.md, SOUL.md, MEMORY.md, skills, workflows, and a bundled loader.
koshkinvv/ios-agent-skills/skills/ios-accessibility Skill
6★ repo9 expert-level iOS development skills for Claude Code, Codex, and AI coding agents. SwiftUI, architecture, networking, data, security, concurrency, testing, accessibility, performance.
WesleySmits/agent-skills/.agent/skills/accessibility-auditor Skill
no license6★ repo43 production-ready skills for AI coding agents. Works with Claude, GitHub Copilot, Cursor, Windsurf, and Zed.
Aboudjem/ui-ux-suite/io.github.Aboudjem/ui-ux-suite MCP server
6★ repoUI/UX design-audit MCP server: scores a project on 12 dimensions vs WCAG 2.2 + APCA.
0xBrewing/ui-evidence/agent-skill/ui-evidence Skill
5★ repoLocal before/after UI evidence for agent-driven changes. Capture screenshots, build comparisons, and review what actually changed.
theagenticguy/agentic-plugins/plugins/agentic-skills/skills/workbench-builder Skill
5★ repoPublic Claude Code plugin marketplace — installable skills and agents for AI coding agents. Drop-in capabilities you add with one command.
veyralabsgroup/webcloner Skill
no license5★Website visual cloning skill for Claude Code — 6-phase process: recon, foundation, spec per section, parallel build, assembly, screenshot QA.
LoomA8osAgent/a8-loom-coordinator/frontend Skill
5★ repoGovernance, skills, and hooks stack for running Claude (or any capable LLM) as an autonomous senior engineer on any software project — frontend or backend, any language. MIT.
capsrock/bauhaus-design-skill Skill
5★A Claude Skill for generating UIs in the Bauhaus / Swiss International Typographic Style
3A2DEV/ansible-designer/skills/ansible-designer Skill
no license5★ repoClaude code ansible skill
RadOrigin-LLC/RAD-Claude-Skills/archive/plugins/rad-astro/skills/astro-accessibility Skill
5★ repoMarketplace of plugins and skills for Claude Code
lsj4232/KR_PATENT_SKILL/kr-patent-claim1-drafting Skill
5★ repo한국 변리사 실무를 위한 Claude 스킬 모음 — 발명자 미팅부터 한국 특허 명세서 작성, docx 출력까지
appautomaton/playwright-skill Skill
no license5★Android-friendly Playwright SKILL for AI agents — Termux launcher patch, headless Chromium, install via git subtree into .codex/skills.
MrBlushu/blushu-design-skills/plugins/blushu-design-skills/skills/before-we-make-a-mess Skill
5★ repoA playful, modular design workflow for building thoughtful websites with Codex and Claude Code.
zivtech/accessibility-skills/.agents/skills/a11y-critic Skill
5★ repoAccessibility Skills (accessibility-skills): AI skills that plan, review, test, and audit web accessibility (WCAG 2.2) — Accessibility Planner, Critic, Tester, Perspective Audit, and Bug Reporting for Claude Code, Codex, and local models, with cross-model benchmarks.
s1gmamale1/apple-design-skills/skills/apple-design-backend Skill
no license5★ repoApple-grade design skill family for Claude Code & Codex — 9 confidence-labeled skills (HIG, Liquid Glass, motion, scrollytelling, OS surfaces, delivery, a11y) with a restraint × surface discipline. One installer links into both ~/.claude/skills and ~/.agents/skills.
succtorlin/fantastic-ui/skills/fantastic-ui Skill
5★ repoAgent skill for Claude: build instrument-grade UI — landing pages that read like the product, plus app pages, dashboards, panels, and subpanels held to the same discipline. Single-accent color system, serif+mono type, live data as proof, a11y/perf ship gates.
rgzn7/stunning-landing-page Skill
5★Portable AI agent skill for generating cinematic, scroll-driven landing pages as single-file HTML.
disruptionjoe/caret/research/reports/gstack-caret-it-tests/raw Skill
5★ repoCaret^ cuts repeated agent instructions down to compact notation. Across our sample set, prompt length was reduced by 95.8% by rewriting agent skill and persona files using Caret notation. This is for you if you ever draft or use Markdown files as agent skills or personas. If you design harnesses, it is a no brainer.