Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
roedyrustamSkillroedyrustam/vibes-plug/skills/senior-frontend/SKILL.md
Frontend development for React 19, Next.js 15, TypeScript, and Tailwind CSS v4 / Pengembangan frontend dengan React 19, Next.js 15, TypeScript, dan Tailwind CSS v4.
laguaguSkilllaguagu/claude-code-nextjs-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.
theexperiencecompanySkilltheexperiencecompany/gaia/.claude/skills/frontend-testing/SKILL.md
How to test GAIA's frontend — three tiers (vitest units, Testing Library components, Playwright e2e), the red-green-throwaway pattern for pre-merge sweeps, and the gotchas that bit us during the 2026 react-doctor sweep.
AI-UnleashedSkillAI-Unleashed/Claude-Skills/frontend-design-shadcn/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.
MicrosoftSkillmicrosoft/vscode-agent-lab-soc-ops/.github/skills/frontend-design/SKILL.md
Use this skill when the user asks to design/build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
tam159Skilltam159/next-role/.agents/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, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
wolverin0Skillwolverin0/claude-skills/skills/frontendgame/SKILL.md
PRIMARY skill for BUILDING or REDESIGNING app/product UI — the default entry point whenever the user starts a new interface or wants to improve/rework an existing one. Create, critique, reverse-engineer, and implement premium mobile-first product interfaces with advanced UX patterns, design-system discipline, and motion engineering. Use whenever the user asks to build/make/design/redesign/improve a UI, screen, page, dashboard, or component — app UI, mobile dashboards, fintech-style screens, screenshot-to-code, interaction design, scroll animations, sticky card stacks, animated tabs, bottom navigation, React/Next.js frontend, React Native/Expo, Flutter — or wants to avoid generic AI-looking UI. Strongly prefer this skill when screenshots or references are provided. For deep animation-feel work call emil-design-eng, for auditing an existing UI call impeccable, for palettes/fonts/style references call ui-ux-pro-max.
is-boSkillis-bo/fullstack-forge-skill/.agents/skills/forge-frontend/SKILL.md
Use automatically for frontend implementation and review, including components, pages, layouts, responsive behavior, React, Next.js, browser state, rendering, hydration, network behavior, and measured frontend performance.
is-boSkillis-bo/fullstack-forge-skill/skills/forge-frontend/SKILL.md
Use automatically for frontend implementation and review, including components, pages, layouts, responsive behavior, React, Next.js, browser state, rendering, hydration, network behavior, and measured frontend performance.
mikeandyerSkillmikeandyer/claude-skills-frontend-logic-share/frontend.core/SKILL.md
跨 skill 共用的 reference 庫。包含 CiC 便條紙格式、Activity 語法、Handler 分類對照表、失敗層級模型等所有 frontend.* skill 共用的模式定義。不直接觸發，由其他 skill Read references/ 中的檔案。
saemihemmaSkillsaemihemma/lead-producer-oss/.claude/skills/team-frontend-team/SKILL.md
Frontend review team: UX quality, implementation health, accessibility, and frontend-backend integration in one recommendation. Use for UI features or frontend-heavy flows.
tadoEngSkilltadoEng/web-starter/.claude/skills/frontend-page/SKILL.md
Add or change a page, screen, form, table or component in this product's React frontend, with the five async states and the accessibility floor. Use when asked to build a page, add a route, create a form, show a list or table, or change the UI.
matyasstochSkillmatyasstoch/david-skills/skills/frontend-polish/SKILL.md
Improve the visual quality, cohesion, and finish of an existing frontend without changing the product direction. Use when the user asks to polish, refine, tighten, elevate, clean up, or make a UI feel more premium, clearer, or more consistent across pages, components, spacing, typography, color, motion, states, and responsive behavior.
BankrBotSkillBankrBot/skills/ethskills-frontend-playbook/SKILL.md
Complete build-to-production pipeline for Ethereum dApps — fork mode setup, IPFS deployment, Vercel config, ENS subdomain setup, and a full production checklist built around Scaffold-ETH 2.
LeeYudokSkillLeeYudok/doksam-skills/skills/frontend-build/SKILL.md
pnpm 워크스페이스와 Vite 빌드를 설정·정비하거나, 의존성·락파일·번들 크기·폐쇄망 self-host 문제를 다룰 때 사용한다. 프레임워크 자체의 코드 작성이 아니라 빌드/패키징 층이 대상이다.
RylaispiritSkillRylaispirit/rylai-codex-hermes-skills/skills/frontend-design/SKILL.md
Design, implement, and verify production frontend interfaces while respecting the existing repository, accessibility, responsive behavior, interaction, and visual QA.
FmarzochiSkillFmarzochi/EGC/.agents/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.
FmarzochiSkillFmarzochi/EGC/.cursor/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.
nahid-sparktalesSkillnahid-sparktales/agent-dispatcher/skills/design/frontend-design/SKILL.md
Establish a visual direction for new or reshaped UI so it reads as designed for this product rather than assembled from defaults — hierarchy, typography, colour, spacing, density. Use when building a new surface, when something looks templated and needs a direction rather than a tweak, or when asked to make an interface feel considered. Prefer the official Anthropic frontend-design skill when it is installed; this is the local counterpart for when it is not. Not for critiquing an existing interface, and not for work inside a design system that already decides these things.
krishnakanthb13Skillkrishnakanthb13/antigravity_global_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.
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.
