Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
mj-devingSkillmj-deving/pai-skills/skills/Frontend/SKILL.md
Frontend design and website engineering — standards, anti-slop rules, aesthetic presets, website factory, design intelligence, audit commands, and site teardown. USE WHEN building UI, HTML, frontend, design review, responsive, website factory, portfolio site, landing page, impeccable, audit, typeset, animate, colorize, critique, layout, polish, delight, harden, site teardown, clone website, redesign.
stamatSkillstamat/claude/skills/frontend/SKILL.md
Rules for anything that renders HTML — accessibility, SEO and GEO built as one job for the non-visual reader. Use when writing or reviewing HTML, templates, components, ARIA, meta tags, structured data, sitemaps, llms.txt, or any page a browser, crawler or agent will read.
rlaopeSkillrlaope/oh-my-hermes/skills/omh-frontend/SKILL.md
[omh] Building or polishing a web or terminal UI: prepare design-system-driven web and terminal (TUI) UI creation, redesign, polish, accessibility, performance, and visual QA handoffs. Use when the user says: frontend, front-end, front end, frontend skill, in the frontend, on the frontend, to the frontend, web ui.
first-flukeSkillfirst-fluke/oh-my-agent/.agents/skills/oma-frontend/SKILL.md
Implement or modify web UI in React, Next.js, or Angular. Use for components, pages, styles, forms, and frontend state or data flows.
first-flukeSkillfirst-fluke/oh-my-agent/skills/oma-frontend/SKILL.md
Implement or modify web UI in React, Next.js, or Angular. Use for
docckerSkilldoccker/cc-use-exp/.claude/skills/frontend-dev/SKILL.md
前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等
affaan-mSkillaffaan-m/ECC/.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.
affaan-mSkillaffaan-m/ECC/.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.
AnthropicSkillanthropics/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.
bytedanceSkillbytedance/deer-flow/skills/public/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.
oil-oilSkilloil-oil/oil-frontend/SKILL.md
当任务需要实现、修改、重构或评审产品前端的可见界面、交互行为、前端状态与数据流、组件或样式组织时主动使用，无需用户点名；也用于这些前端行为的测试与验证策略。适用于页面、表单、列表、弹窗、响应式、样式与动效实现和前端代码归属调整。不用于视觉风格、配色、排版与设计方向这类设计判断，也不用于纯后端、构建部署、依赖升级、只修导入路径的机械改动、仅操作现有网站、仅生成设计图片或讨论本 Skill；用户明确要求不使用时不触发。
zarazhangruiSkillzarazhangrui/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.
langgeniusSkilllanggenius/dify/.agents/skills/frontend-testing/SKILL.md
Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test strategy, including evaluation of an existing strategy. Do not use for frontend code-review-only requests, general testability discussion, Python tests, or Cucumber/Playwright E2E.
instantX-researchSkillinstantX-research/skills/skills/frontend-ui/SKILL.md
High-aesthetic frontend UI generator trained on the design DNA of Linear, Vercel, Stripe, Raycast, Resend, Supabase, Anthropic and 10+ other benchmark products. Analyzes reference URLs or screenshots to extract design DNA (color, typography, spacing, motion), generates pixel-perfect production code, and saves extracted styles as reusable template skills. 26 curated palettes, anti-AI-slop enforced: real design systems, typographic craft, 8px grid discipline. Use when asked to "build UI", "design a page", "clone this style", "make it look like X", or "generate frontend". Proactively suggest when user shares a URL/screenshot for inspiration.
WomenDefiningAISkillWomenDefiningAI/claude-code-skills/skills/frontend-ui/SKILL.md
Create aesthetically pleasing, visually distinctive frontend UIs using research-backed prompting strategies from Anthropic's frontend aesthetics cookbook
alekspetrovSkillalekspetrov/navigator/skills/frontend-test/SKILL.md
Generate frontend component tests (React Testing Library, Vue Test Utils, snapshot) for existing components. Auto-invoke when user says "test this component", "write component test", or "add component test".
anbeimeSkillanbeime/skill/skills/frontend-design/frontend-design/SKILL.md
网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。
pyaephyo11979Skillpyaephyo11979/rent4U/.claude/skills/frontend-ui/SKILL.md
Frontend UI Skill Component architecture, styling, and UX guidelines for the Rent4U frontend. ## Stack - **Framework:** React 19 + TypeScript 6 - **Styling:** Tailwind CSS v4 (CSS-first config) - **Routing:** react-router
unreadlogsSkillunreadlogs/AutarkChat/skills/frontend-ui/SKILL.md
Use this skill when designing or redesigning a website, web app, or any interface and you want the result to feel intentional and distinctive rather than generic. Covers art direction, typography, color systems, layout, motion, and the craft of interface copy. Load this when a user asks to build a new page, style an existing one, or make something look better.
affaan-mSkillaffaan-m/ECC/.agents/skills/frontend-patterns/SKILL.md
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.
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.
