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
Ios ui testability contract skill
Kofiloski/ios-ui-testability-contract-skill Skill
1★Fix XCUITest element lookup, identifier collision, wrong element type, and nondeterministic launch failures.
Joe-Simo/skills/skills/apple-design-system Skill
1★ repoCommunity Agent Skills by joe-simo, including a Vercel Geist design-system skill for polished UI and companion routing.
Xrenya/safe-agent-skills/skills/api-and-interface-design Skill
1★ repoSafe production-grade engineering skills for AI coding agents.
arpitexplores/super-design-core Skill
1★Portable Markdown skill for AI vibe coding with product design: UI/UX, design systems, frontend UI patterns, IA, user flows, visual systems, and implementation guidance.
elonmust26/distinct Skill
1★An Agent Skill that fights AI homogenization — forces your AI assistant to check what exists and produce distinctive names and designs instead of the same generic defaults it gives everyone.
4thel00z/frontend-skills/skills/frontend-skills Skill
no license1★ repoReact, Next.js, and Tailwind that ships fast and stays cheap to change - a Claude Code skill.
MonkeyUI-dev/shadcn-component-lock Skill
1★Agent Skill that locks stock shadcn/ui primitives so Vibe Coding agents (Cursor, Copilot, Codex, Claude Code…) never edit them in place.
no7z/design-pact/skills/design-pact Skill
1★ repoDesign system contract for AI agents — derive full design tokens from one palette, export an agent-executable design.md, audit generated UI against it. Claude Code / Cursor skill. No backend, no API key.
kongyo2/ink-ts-screen-composition/ink-ts-screen-composition Skill
no license1★ repoAlusoReza/AlusoReza.github.io/.agents/skills/frontend-design Skill
1★ repoPersonal portfolio for a Computational Physics graduate turned software developer. Built with Astro 5, pure vanilla CSS, and zero frontend frameworks. Data-driven bilingual architecture (ES/EN) with client-side SPA navigation.
Visual design system extractor
srinitude/visual-design-system-extractor/skills/visual-design-system-extractor Skill
1★ repoAgent Skill for extracting visual design systems from reference imagery
workingclassbuddha/codexmaxxing/skills/automate-ui-flows Skill
1★ repoUI skills for Codex: design passes, browser automation, screenshots, responsive checks, and evidence packs.
sonhaicoder/web-taste-skill/skills/web-taste Skill
1★ repoAnti-slop web frontend skill for AI coding agents. Auto-trigger every web task. Force Kimi/Lovable-tier quality with Discovery Form + 5 deterministic directions + 27 anti-patterns + ready-to-paste hero/section/motion blueprints. Distilled from open-design, taste-skill, impeccable.style, getdesign.md, kimi.com, lovable.dev.
umararshad4/skill-arsenal/ui-arsenal Skill
1★ repoA growing arsenal of Claude Agent SDK skills for serious frontend, design, and engineering work. Currently ships ui-arsenal: premium component-library expert for React + Next.js + Tailwind.
vllnt/skills/regulatory-guard Skill
1★ repoOpen-source agent skills published by vllnt. Compatible with Claude Code, OpenCode, Codex, Pi, Cursor, Windsurf, and any runtime that loads skills from Markdown directories.
Just-Agent/just-product-factor Skill
1★Reusable Factor Skills for Agent-native product optimization
Shavy72/claude-skill-safe-debug-loop Skill
1★Multi-session Claude Code skill for strategic module remediation — research-first bug inventory, then an iterative one-bug loop with isolated smoke-test gates
RanaCM/marpsmith/skills/deck-a11y-audit Skill
1★ repoMarpsmith - agent skills for building Marp decks
propiter/motion-craft/skills/motion-craft Skill
1★ repoWeb animation & motion-design intelligence for AI coding agents — pick the right tool and ship motion with craft, 60fps and accessibility, plus a Review mode and a zero-dependency scanner.
KunalKumarkkr01/design-system-extractor/skills/design-system-extractor Skill
1★ repoReverse-engineer any live website's design system into an implementation-ready design.md + screenshots, by driving a real browser with the Chrome DevTools MCP. Ships as an agent skill, a Claude Code plugin, and an npx installer.
satishTheLegend/ultimate-idea-watcher Skill
1★Claude Code skill: turn any rough product idea into a deeply researched, phased, implementation-ready programme with designer & engineer prompts, traceability, and security/privacy/a11y audits.
vinny380/rick-rubin-skill/skills/rick-rubin Skill
1★ repoA repository for rick-ruibin-skill
ed1son99/skills/skills/agent-tools/tools-accessibility-audit Skill
1★ repoCollection of Hermes Agent skills — 255 reusable AI agent workflows across 39 categories
hu553in/skills/anti-slop-design Skill
no license1★ repoPersonal reusable agent skills
dlaumets/agent-design-pack/design-auto Skill
1★ repoCross-agent UX/UI design slash commands for Cursor, Codex, and Claude Code
DobroslavRadosavljevic/skills/skills/base-ui Skill
1★ repoPersonal AI agent skills I use in development workflows.
talesworld/skill-cauldron/examples/creative-frontend Skill
1★ repo🏺 炼妖壶 — 多SKILL智能融合引擎。将两个或多个AI SKILL合并成一个更强的SKILL，通过五轮炼化流程(解析→比较→确认→融合→验证)实现1+1>2的组件级智能融合。
m2kky/mm-design-systems/skills/mm-atlassian-design Skill
1★ repoMM Design Systems: Premium Agent Skills for UI/UX, System Design, Apple HIG, Material 3, and Frontend architecture.
dvnc-labs/type-led-launch-design Skill
1★A DESIGN.md standard for type-led technical launch pages.
logicleap-labs/claude-plugins/plugins/accessibility-gate/skills/accessibility-gate Skill
1★ repoOpen Claude Code plugins for shipping AI output that's actually good. By Josh Matthews / LogicLeap Ltd.
BioSymphony/small-molecules Skill
1★Agent skill for routing small-molecule design tasks to open tools, focused references, and license-aware implementation paths.
benedictdavon/software-design-engineering Skill
1★Installable Agent Skill for software design review, refactoring, architecture boundaries, testing strategy, debugging discipline, and maintainable coding-agent workflows.
connerkward/deterministic-design-skill Skill
1★deterministic-design — a Claude Code skill that renders your UI and proves it's balanced + usable: deterministic layout audit + vision-judged usability.
param087/saas-ui-skills/skills/accessible-components Skill
1★ repoProduction-grade SaaS UI skills for AI coding agents (React + Tailwind + shadcn/ui) — Codex, Claude Code, Cursor, OpenCode. One npx command to install.
amberhoward78-creator/visual-literacy Skill
no license1★Teaching AI to reason about design — a perceptual psychology framework for visual communication. 24 heuristics, 8-dimension rubric, MCP server, works with every coding assistant.
johnsonbuilds/awesome-hermes-skills/creative/product-page-designer Skill
no license1★ repoCommunity-curated Hermes Agent skills, workflows, and reusable task automation recipes.
codexskills/agent-forge/skills/api-and-interface-design Skill
no license1★ repoProduction-grade AI agent skills — enhanced alternative to addyosmani/agent-skills. 23 lifecycle skills for Define, Plan, Build, Verify, Review, Ship. Works with OpenCode, Claude Code, Codex, Cursor, Gemini CLI.
shashankswe2020-ux/flowforge/flowforge/deep_agents/skills/api-and-interface-design Skill
1★ repoMulti-agent Lang-graph framework for autonomous software developement
keithhegit/product-frontend-design/skills/product-frontend-design Skill
1★ repoProduct + Frontend Design 是一个面向 Codex 的流程型 skill，用来把 UI/UX 请求变成更稳定的两段式协作： Product Design 先定义用户、任务、体验闭环、词汇表、状态和验收标准。 Frontend Design 再把已确认的体验转成布局、层级、文案、交互细节和截图级打磨。 它刻意保持小而清晰。这个 skill 不替代 Codex Product Design 插件，也不替代 Frontend Design skill。它只负责固定两者的协作顺序和质量标准，避免 UI 工作变成功能堆叠或模板化界面。
LechuanWANG/pm-skill/pm-skill Skill
no license1★ repoCodex skill for AI product PM brainstorming, architecture, prompt discipline, and GitHub prototype research
tonyminibot/build-website Skill
1★Agent Skill: build & manage a real hosted website for a user via Make A Website (hosting, domain, HTTPS, analytics, contact form included). agentskills.io standard.
skeletont638-code/a11y-sentinel/skills/accessibility-audit Skill
1★ repoAccessibility guidance for AI coding agents — the complete WCAG 2.2 A/AA checklist (all 55 success criteria) + ADA legal context + a real audit procedure. Portable Agent Skill for Claude Code, Cursor, Codex & Gemini CLI. Fix accessibility properly, don't guess.
satishTheLegend/ultimate-idea-watcher-v2 Skill
1★Claude Code skill (v2, modular): raw idea → researched, phased, implementation-ready product programme. Lean core + 11 reference files + evals.
LucasSantana-Dev/repaint Skill
1★repaint — a self-contained npx-skills / Claude Code skill for frontend UI that doesn't look AI-made: research, tokens, a reference library, and a live browser slop-audit loop.
jpbaking/lazyway-io-design/skills/shared/lazyway-io-design Skill
no license1★ repoThe lazyway.io design system as a portable kit: tokens, component classes, zero-dependency JS, favicon tooling, and an Agent Skill that keeps AI-generated UI on-brand
Shavy72/auto-polish-skill Skill
1★Factorial design amplification skill for Claude Code — 5x → 10x → +3x staged UI polish with adversarial design judges
dimsedra/moatcraft-skills/.agents/skills/agentic-dev-loop Skill
1★ repoCreate software that is truly your own.
ChuluuMGL/social-cover-layout Skill
1★Platform-aware Agent Skill for original social covers, layered typography, color systems, and quality-gated image generation.
sarveshsea/remember-design-system Skill
1★Compact repository design-system memory Agent Skill for AI coding agents
Blackajiro/Purrfectionist/skills/purrfectionist-audit Skill
1★ repoThe design cat that claws AI slop out of your frontend.
Mr-DS-ML-85/web-desg-skill Skill
1★The first full visual reverse-engineering skill for AI agents — screenshots, runtime debugging, design tokens, and cloning.
Deadlymind/nanolama/skills/accessibility Skill
1★ repoA portable Claude Code skills library (plugin) for a Django 5.2 + Next.js 16 house stack: 30 model-agnostic, tenant-isolation-and-security-first skills.
kopon1/app-best-practices/skills/app-best-practices Skill
1★ repoChecklists for everything an app is expected to have and coding agents routinely skip — empty states, delete confirms, undo/redo, loading feedback, AI chat UX, routing, security, legal, i18n. 25 framework-agnostic files. Installs as a Claude Code plugin.
yigityildiz0/universal-ai-skill-library/skills/archive-variants/banner-design Skill
no license1★ repo531 searchable AI Agent Skills for Claude Code, OpenAI Codex, and OpenCode — EN/TR catalog, platform and risk notes, direct ZIPs, and curated bundles.
SadmanYasar/arch-review-agent/.agents/skills/banner-design Skill
no license1★ repoAn ADK 2.0 multi-agent guardrail that screens pull requests for security flaws and AST violations before executing safe LLM code reviews.
CodingCossack/agent-systems/skills/change-with-proof Skill
1★ repoAgent-agnostic software engineering skill for implementation, debugging, testing, refactoring, security boundaries, verification, and code review.
ychampion/morph-public/experiments/morph-animation/plugin-template/skills/morph-animation Skill
1★ repoMorph is the intelligence layer between sales and engineering—turn real product flows into buyer-ready videos, interactive demos, and Story Packs with your coding agent.
sarveshsea/audit-frontend-design Skill
1★Evidence-backed frontend design audit Agent Skill for React, Next.js, Tailwind, and shadcn interfaces
Xuan0629/shared-skills/codebase-design Skill
no license1★ repoOne source. Every agent. Zero drift. | 跨 Agent 共享 Skill 管理系统 — 单一数据源，同步到 Claude Code / Codex / Hermes / OpenClaw
Do-fei/website-studio-skill Skill
1★Portable Agent Skill for website discovery, design, implementation, QA, and hosting handoff