design-frontend-dev
QuivrHQ/quivr/.agents/skills/design-frontend-dev/SKILL.md
Clean Impeccable frontend design skill. Use when the user wants to
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.
QuivrHQ/quivr/.agents/skills/design-frontend-dev/SKILL.md
Clean Impeccable frontend design skill. Use when the user wants to
databuddy-analytics/Databuddy/.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.
Cooling3 mentions in 2 weeks
187 projects use a version of this
Often used withinstantly-campaignecosystem-referencebrief-to-tasks
AgentWorkforce/relay/.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
home-assistant/frontend/.agents/skills/ha-frontend-demo/SKILL.md
Home Assistant standalone demo structure, configurations, URL navigation, mocked APIs, shared demo stubs used by gallery, and verification. Use when changing files under demo/, changing gallery consumers of demo/src/stubs/, or running and validating the demo.
am-will/codex-skills/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
am-will/codex-skills/skills/img-to-frontend/SKILL.md
Use when the user wants an end-to-end premium visual design workflow for any type of website or web page created directly from images.
camunda/camunda/.agents/skills/operate-frontend/SKILL.md
Use for any Operate frontend work — the target pod at webapp/client/apps/orchestration-cluster-webapp/src/operate/ and the legacy client at operate/client/. Covers routing, data fetching, state, styling, testing, forms and conventions in both. For porting a page from legacy to target, use frontend-operate-migrator.
MODSetter/SurfSense/.agents/skills/frontend-workflow/SKILL.md
Frontend and UI work in www and surfsense_local/frontend — building, refactoring, styling, animating, or reviewing React and Next.js components, shadcn/ui, color tokens and themes, visual polish, and motion. Load this first for any UI task, including adding or changing a shadcn/ui component (dialog, button, dropdown, form, sidebar, table) in a tree with components.json — it owns the color palette, polish rules, and the precedence order, then routes to the separate shadcn skill for component wiring and the CLI. Use for any frontend component, page, style, animation, hover state, icon, layout, or UI review task.
nekomangaorg/Neko/.agents/skills/artisan/SKILL.md
Elevates the Jetpack Compose user interface through micro-UX improvements, animations, accessibility (a11y) fixes, and UI structural polish. Use this skill to extract hardcoded styles to AppTheme, add TalkBack semantics, implement AnimatedVisibility or micro-animations, extract stateless Composables, and add @Preview annotations.
nekomangaorg/Neko/.agents/skills/maestro/SKILL.md
Orchestrates macro-level UI architecture, complex Jetpack Compose structures, and screen-to-screen flows. Use this skill to implement adaptive layouts (WindowSizeClass), migrate to type-safe Navigation Compose graphs, design cross-module Design Systems, wire complex screen-level state (MVI/MVVM), or orchestrate deep links and multi-screen workflows.
rommapp/romm/.claude/skills/frontend-patterns/SKILL.md
Cross-cutting feature patterns for the RomM v2 frontend: error/snackbar handling, loading & skeleton states, real-time Socket.IO updates, UI state persistence (URL vs localStorage vs ephemeral), pagination/infinite scroll, forms & validation, permissions (useCan), and destructive confirmations. Use when wiring up a v2 feature's behavior (not just its markup). Trigger when implementing data flows, dialogs, forms, toggles, or permission gating under frontend/src/.
82 projects use a version of this
Often used withbrand-discoveryagent-sortconfigure-ecc
endurain-project/endurain/.agents/skills/endurain-frontend/SKILL.md
Endurain frontend conventions (Vue 3, TypeScript, Tailwind v4, shadcn-vue, TanStack Query). Use when adding or changing code in frontend/src or its tests.
1 project uses a version of this
YosemiteCrew/Yosemite-Crew/.agents/skills/frontend-testing/SKILL.md
Use when writing or fixing tests in apps/frontend. Covers Jest and React Testing Library conventions, targeted test runs, the coverage mandate, Zustand mocking, and common pitfalls.
Often used withbackend-code-reviewfrontend-code-review
home-assistant/frontend/.agents/skills/ha-frontend-types/SKILL.md
Home Assistant frontend TypeScript conventions. Use when defining or reviewing backend data contracts, optional schemas, shared types, assertions, or Lit lifecycle types.
camunda/camunda/.agents/skills/tasklist-frontend/SKILL.md
Use when building, changing, or testing Tasklist features in the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/src/tasklist/). Trigger for Tasklist pages, modules, components, hooks, stores, routes, or schema — even small changes like a column, filter, or panel — and questions about Tasklist pod structure and conventions.
pwndoc/pwndoc/.claude/skills/test-frontend-e2e/SKILL.md
Generates Playwright E2E specs for PwnDoc. Tests run against the full stack (frontend + backend + MongoDB) with pre-authenticated browser sessions. Run with ./pwndoc-cli test --frontend-e2e.
xu-xiang/everything-claude-code-zh/.agents/skills/frontend-patterns/SKILL.md
React、Next.js、状态管理(State Management)、性能优化(Performance Optimization)及 UI 最佳实践的前端开发模式。
87 projects use a version of this
Often used withbrand-discoveryagent-sortconfigure-ecc
github/awesome-copilot/skills/premium-frontend-ui/SKILL.md
A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.
2 projects use a version of this
Significant-Gravitas/AutoGPT/.claude/skills/write-frontend-tests/SKILL.md
Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them. TRIGGER when user asks to write frontend tests, add test coverage, or 'write tests for my changes'.
Steady5 mentions in 2 weeks
3 projects use a version of this
langgenius/dify/.agents/skills/frontend-code-review/SKILL.md
Review frontend code under `web/` or `packages/dify-ui/` when the user explicitly requests a review or audit. Supports PRs, branches, pending changes, files, and pasted diffs. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code.
21 projects use a version of this
Often used withbackend-code-reviewfrontend-testingpr-creator
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.