Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
KevinchamplinSkillKevinchamplin/claude-skills/frontend-design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
marcellocurtoSkillmarcellocurto/skills/skills/frontend-design/SKILL.md
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
ProjAnvilSkillProjAnvil/MindForge/skills/zh-cn/frontend-svelte/SKILL.md
现代前端开发综合技能，涵盖 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统。使用此技能构建现代 Web 应用、创建 UI 组件、实现状态管理、处理表单，或使用基于 TypeScript 的前端架构时使用。适用于需要响应式框架、服务端渲染或类型安全组件开发的项目。
SrejonKhanSkillSrejonKhan/agent-skills/skills/frontend_design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this when building web components, pages, artifacts, posters, or applications (websites, landing pages, react components). Generates creative, polished code that avoids generic aesthetics.
wzh4464Skillwzh4464/claude-skills/frontend-slides/SKILL.md
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
SentrySkillgetsentry/sentry/.agents/skills/generate-frontend-forms/SKILL.md
Guide for creating forms using Sentry's new form system. Use when implementing forms, form fields, validation, or auto-save functionality.
adrianrosarioprSkilladrianrosariopr/ClaudeSkills/frontend-skill/SKILL.md
Expert frontend developer and UI/UX design master. Build beautiful, performant interfaces across React/Next.js, Vue/Nuxt, Laravel/Blade, and React Native. Expertise in Tailwind CSS, modern CSS, component patterns, and optimization. Full lifecycle coverage from design through shipping.
beelabstudioSkillbeelabstudio/ai/skills/design/frontend-taste/SKILL.md
Deep aesthetic-judgment pass for landing pages, portfolios, and marketing sites — the "does this look AI-generated" arbiter. Use alongside web-visual-design (BLS process) and web-interface-guidelines (technical correctness) as the taste/quality specialist in a design review. Not for dashboards, data tables, or multi-step product UI.
danh121097Skilldanh121097/squad-skills/skills/squad-frontend/SKILL.md
Operate as the squad's Frontend Engineer — web UI, browser games and interactive graphics, client logic and API integration in the repository's framework, building on the user's design material.
devpilotXSkilldevpilotX/skills/skills/frontend-build/SKILL.md
Build user interfaces that hold up on real networks, real devices and real input. Use when the user asks to build a UI, a web app, a page, a component, a dashboard, a form or a design system, asks about React, Vue, Svelte, Angular, Next.js or any frontend framework, asks about state management, routing, styling, responsive layout, accessibility or client performance, or asks why their interface is slow or broken on mobile. Covers the states most interfaces omit, which are loading, empty, error, partial and offline, keeps state in the narrowest scope that works, treats accessibility and keyboard operation as part of the build rather than a later pass, and budgets bundle size in kilobytes before adding a dependency. Triggers on build a UI, build a frontend, React component, state management, responsive design, accessibility, my site is slow, form validation, design system, dashboard.
jardisToolsSkilljardisTools/dev-skills/skills/rules-frontend/SKILL.md
Non-negotiable, stack-agnostic Jardis frontend review rules — component boundaries, state discipline, an e2e-heavy test pyramid, an accessibility minimum bar, and type-safety at the data boundary; the measuring stick a frontend architect or reviewer holds a UI plan or component against. Consult before reviewing any frontend plan or authoring a frontend component. The concrete UI framework arrives via the assignment, never from this constitution.
kerwinarlanSkillkerwinarlan/frontend-design-intelligence/skills/frontend-audit/SKILL.md
Non-destructive visual design, typography, layout, motion, accessibility, and anti-slop audit for web repositories. Returns a prioritized improvement score and action plan using the 14-point visual quality rubric. Respects design briefs passed down from creative-director.
koinodSkillkoinod/skills/koino-frontend/SKILL.md
Build world-class frontend interfaces for KOINO Capital and client ventures. Combines Anthropic's frontend-design principles, Impeccable refinements, modern SaaS landing page patterns, and KOINO operational alpha. Produces sites that rival top creative agencies and YC startup landing pages. Activates when building any web UI, landing page, storefront, dashboard, or component.
Nadav011SkillNadav011/apex-skills/skills/frontend-rules/SKILL.md
Use when user wants to Frontend rules - Next.js 16.1, React 19, Tailwind v4.2, caching, performance, design system, state/forms, accessibility, SEO
Pesty-MarketingSkillPesty-Marketing/agent-skills/pesty-frontend/SKILL.md
DEPRECATED — superseded by the pesty-design skill, which is now the default for all new Pesty frontend work. Use this skill ONLY when maintaining an EXISTING dark-navy internal dashboard or tool that already uses these tokens (Epilogue + Montserrat, #001c28 background). For anything new, use pesty-design instead.
poorvith-mpSkillpoorvith-mp/skills-developer/skills/frontend-build/SKILL.md
Implement web UIs in React, Vue or Angular with attention to performance, state and correctness. Use when implementing web user interfaces, client state, or components.
SkyWalker2506SkillSkyWalker2506/ccplugin-frontend-craft/skills/SKILL.md
ANF frontend pipeline — high-end site/app build. Triggers: frontend craft, frontend pipeline, ANF, high-end site, web craft, premium frontend, build me a site, build a landing page, add a page, fix the design
susannakhloyan-debugSkillsusannakhloyan-debug/claude-skills/Skills/frontend-craft/SKILL.md
Apply design-engineering craft at the code level when building or reviewing web interfaces. Use when implementing interactions, animations, microinteractions, or motion, deciding which modern CSS is production-safe (container queries, :has, view transitions, scroll-driven animations), choosing component architecture (Radix/Base UI/shadcn), or making an interface feel premium like Linear/Vercel/Raycast. Complements impeccable-design (visual theory) with the implementation details and anti-slop enforcement.
wangxiaohuiboySkillwangxiaohuiboy/lean-agent-skills/skills/frontend-craft/SKILL.md
Build or review web UI that looks deliberate instead of machine-generated. Use when creating a page or component, restyling an existing screen, or when the user says the UI works but looks generic, templated, or like AI output. Not for pure logic or backend changes.
siteboonSkillsiteboon/claudecodeui/.agents/skills/frontend-module-standards/SKILL.md
Enforce this repository's React and TypeScript frontend module architecture standards. Use whenever creating, modifying, refactoring, or reviewing frontend code under `src/`, including feature modules, components, hooks, contexts, shared UI, API access, state, utilities, and frontend tests. Do not apply these rules to backend code under `server/` or non-frontend scaffolding.
A folder with a SKILL.md file: a name, a description of when to use it, and instructions. Claude loads a skill only when the task matches its description.
Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.
We read each file for commands that read secrets, delete things or pipe downloads into a shell, and say so before you copy it. No warning is not a promise that a file is safe.
Open a skill to see its discussion. Reports from people and their agents are coming.
