agentleFS

Claude skills and agent skills

Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.

Best matches · from page 2Worked for most · soon
docckerSkill

frontend-dev

doccker/cc-use-exp/.claude/skills/frontend-dev/SKILL.md

前端开发规范,包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

1k6mo agoReviewMountCreate a free account to mount
affaan-mSkill

frontend-slides

affaan-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.

Steady12 mentions in 2 weeks

95 projects use a version of this

Often used witheverything-claude-codeeverything-claude-code-conventionsnextjs-turbopack

246k3mo agoReviewMountCreate a free account to mount
affaan-mSkill

frontend-slides

affaan-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.

Steady12 mentions in 2 weeks

95 projects use a version of this

Often used witheverything-claude-codeeverything-claude-code-conventionsnextjs-turbopack

246k3mo agoReviewMountCreate a free account to mount
AnthropicSkill

frontend-design

anthropics/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.

186 projects use a version of this

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

195k3mo agoReviewMountCreate a free account to mount
rommappSkill

frontend-input

rommapp/romm/.claude/skills/frontend-input/SKILL.md

Universal input (mouse, touch, keyboard, gamepad) and responsive/universal-viewport layout in the RomM v2 frontend. Use when adding interactive v2 components, focus management, spatial navigation, gamepad/keyboard handling, modality-gated focus rings, breakpoints, or responsive layout. Covers useGamepad, useSpatialNav, useGridNav, the escape stack, useInputModality, useBreakpoint, and the data-bp/data-input attributes. Trigger on interactive or responsive work under frontend/src/.

14k48d agoReviewMountCreate a free account to mount
bytedanceSkill

frontend-design

bytedance/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.

Cooling14 mentions in 2 weeks

187 projects use a version of this

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

85k5mo agoReviewMountCreate a free account to mount
orangehrmSkill

frontend-data

orangehrm/orangehrm/.agents/skills/frontend-data/SKILL.md

Reference for data flow in the OrangeHRM Vue frontend — the `APIService` axios wrapper that mirrors backend `/api/v2/...` routes 1:1, its 401/422 interceptors and ETag-based response caching in prod, the data-loading composables (`usePaginate` for list endpoints with reactive filter/sort, `useSort`, `useInfiniteScroll`), the form composables (`useForm`, `useServerValidation` for backend 422 handshakes, `useAutoFocus`, `usePasswordPolicy`), and the client-side validation rules in `@/core/util/validation/rules.ts` (~40 rules: required, length, dates, times, files, formats, comparisons). Use whenever the user is calling an API from a Vue component, paginating a list, building a form, debugging "why does my filter not re-fetch" or "why does a 401 reload the page", picking a validation rule, or wiring server-side validation back into form fields. Companion to `rest-endpoints`/`rest-validation`/`rest-serialization` (the backend surface), `frontend-pages` (where data hooks up to the UI), and `frontend-platform` (toaster + i18n + ACL).

1.1k5mo agoReviewMountCreate a free account to mount
MicrosoftSkill

frontend-design

microsoft/agent-academy/.github/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.

Cooling1 mention in 2 weeks

187 projects use a version of this

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

3.7k8mo agoReviewMountCreate a free account to mount
DokploySkill

frontend-design

Dokploy/dokploy/.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.

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

39k2mo agoReviewMountCreate a free account to mount
mastra-aiSkill

mastra-frontend

mastra-ai/mastra/.claude/skills/mastra-frontend/SKILL.md

How to build Mastra frontend interfaces with the @mastra/playground-ui design system. This skill should be used when creating or modifying any application UI — pages, components, styling, or tokens — in this repo or in an external consumer of the design system. The docs site has its own styling and is out of scope.

30k29d agoReviewMountCreate a free account to mount
zarazhangruiSkill

frontend-slides

zarazhangrui/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.

Surging3 mentions in 2 weeks

95 projects use a version of this

Often used witheverything-claude-codeeverything-claude-code-conventionsnextjs-turbopack

29k6mo agoReviewMountCreate a free account to mount
langgeniusSkill

frontend-testing

langgenius/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.

18 projects use a version of this

Often used withbackend-code-reviewfrontend-code-review

161k17d agoReviewMountCreate a free account to mount
langflow-aiSkill

frontend-testing

langflow-ai/langflow/.agents/skills/frontend-testing/SKILL.md

Write, review, and debug Jest and React Testing Library unit and integration tests for Langflow frontend components, hooks, utilities, and Zustand stores.

Often used withbackend-code-reviewfrontend-code-review

157k21d agoReviewMountCreate a free account to mount
windmill-labsSkill

svelte-frontend

windmill-labs/windmill/.agents/skills/svelte-frontend/SKILL.md

Svelte coding guidelines for the Windmill frontend. MUST use when writing or modifying code in the frontend directory.

Steady25 mentions in 2 weeks

No other project uses it yet

19k6d agoReviewMountCreate a free account to mount
coderSkill

frontend-review

coder/coder/.claude/skills/frontend-review/SKILL.md

Diff-scoped self-review of frontend changes under site/src against the FE pattern rules (FE1-FE10) before creating or updating a PR. Use whenever a branch diff touches site/src files.

17k2d agoReviewMountCreate a free account to mount
YosemiteCrewSkill

frontend-sonar

YosemiteCrew/Yosemite-Crew/.agents/skills/frontend-sonar/SKILL.md

Use when fixing SonarQube issues in apps/frontend or writing Sonar-clean code. Contains the full enforced rule set with examples and quick fixes.

2k52d agoReviewMountCreate a free account to mount
markmeadSkill

frontend-design

markmead/hyperui/.agents/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.

Rising+32 new adopters in 4 weeks

187 projects use a version of this

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

12k3mo agoReviewMountCreate a free account to mount
databasusSkill

frontend-design

databasus/databasus/.agents/skills/frontend-design/SKILL.md

Apply Databasus design conventions when changing frontend UI layout, styling, controls or visible copy. Covers theme ownership, accessible interaction and responsive form presentation.

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

9.3k3d agoReviewMountCreate a free account to mount
vudovnReads credentialsSkill

frontend-design

vudovn/ag-kit/.agents/skills/frontend-design/SKILL.md

Anti-slop frontend design for web UI — landing pages, portfolios, marketing/product sites, and redesigns. Reads the brief, infers the right direction, and ships interfaces that don't look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check. NOT for mobile apps.

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

8.2k4mo agoReviewMountCreate a free account to mount
anbeimeSkill

frontend-design

anbeime/skill/skills/frontend-design/frontend-design/SKILL.md

网页与数字界面设计师在构建Web页面或应用组件时,若受够了千篇一律的AI味设计,请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码,告别平庸,打造令人难忘的高品质数字界面。

Cooling7 mentions in 2 weeks

187 projects use a version of this

Often used withinstantly-campaignecosystem-referencebrief-to-tasks

7.9k5mo agoReviewMountCreate a free account to mount
CLAUDE.md vs AGENTS.md

About skills

What is a Claude skill?

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.

How do I use one I find here?

Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.

What do the warnings mean?

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.

Which skills worked for people?

Open a skill to see its discussion. Reports from people and their agents are coming.