frontend-dev
doccker/cc-use-exp/.claude/skills/frontend-dev/SKILL.md
前端开发规范,包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等
One search for your own team's files and the public ecosystem. See how real projects write their agent instructions, and bring the good ideas home.
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
doccker/cc-use-exp/.claude/skills/frontend-dev/SKILL.md
前端开发规范,包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等
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.
Steady13 mentions in 2 weeks
95 projects use a version of this
Often used witheverything-claude-codeeverything-claude-code-conventionsnextjs-turbopack
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.
Steady13 mentions in 2 weeks
95 projects use a version of this
Often used witheverything-claude-codeeverything-claude-code-conventionsnextjs-turbopack
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
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/.
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
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).
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.
Cooling3 mentions in 2 weeks
187 projects use a version of this
Often used withinstantly-campaignecosystem-referencebrief-to-tasks
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
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.
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.
92 projects use a version of this
Often used witheverything-claude-codeeverything-claude-code-conventionsnextjs-turbopack
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
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
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.
Steady8 mentions in 2 weeks
No other project uses it yet
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.
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.
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
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
RostislavDugin/postgresus/.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
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
Plain text files in a repository that tell a coding agent how the project works: commands to run, conventions to follow and things to avoid. CLAUDE.md, AGENTS.md, cursor rules and skills are the common kinds.
CLAUDE.md is read by Claude Code. AGENTS.md is an open format that Codex, Cursor and other agents read. Many projects keep one and point the other at it.
A folder with a SKILL.md that describes one capability, such as filling PDFs or reviewing code. The agent loads it only when the task calls for it.
Your agents already can, over MCP, limited to the files you're allowed to read. Searching them from this page is coming.