frontend-dev
jhy0285/monofield/skills/frontend-dev/SKILL.md
Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
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.
jhy0285/monofield/skills/frontend-dev/SKILL.md
Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
lawless-m/claude-skills/.claude/skills/Web Frontend/SKILL.md
Use when building an elaborate multi-component claude.ai HTML artifact needing state, routing, or shadcn/ui — not for simple single-file artifacts.
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.
xvirobotics/metabot/.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
bear2u/my-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
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.
coco-research/coco/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.
Often used withinstantly-campaignecosystem-referencebrief-to-tasks
Ohh-889/skyroc-admin/.agents/skills/senior-frontend/SKILL.md
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
Often used withsenior-backendui-ux-pro-max
jesusgraterol/jg-skills/skills/jg-frontend/SKILL.md
Frontend standards for accessible, responsive, light- and dark-themed UI that feels native on mobile, UI-package reuse, forms, dialogs and feedback, motion, single-page-app delivery, and Tailwind CSS. Use when writing, reviewing, or planning UI components, pages, links, layout, styling, CSS or Tailwind, forms, dialogs, toasts or error states, accessibility, responsive, mobile, or theme behavior, motion, single-page-app hosting headers or chunk loading, or frontend tests.
kcayme/k-agents/skills/qa-frontend/SKILL.md
Write and run, or review, frontend tests with the qa-frontend agent.
zwy123zwy/agent/skills/frontend-js/SKILL.md
前端面试之 JavaScript。考查闭包、原型链、作用域、Event Loop、Promise/async、ES6+、手写题(防抖/节流/深拷贝等)。适用于考我 JS、考我 JavaScript、前端面试 闭包 时调用。
AUTO-MAS-Project/AUTO-MAS/.agents/skills/mas-frontend-ui/SKILL.md
Use when working on AUTO-MAS frontend UI, Ant Design Vue components, page layout, forms, tables, modals, drawers, feedback, empty/loading/error states, drag interactions, dark mode, or visual polish.
overmind-core/overmind/.agents/skills/frontend-design/SKILL.md
Overmind Console design system — semantic tokens, shared primitives, geometry and icons, the border-contrast floor, the duplicated table implementations, canvas decisions and the verification scripts. Use when writing or changing frontend UI, styles, tables, or component markup.
Often used withinstantly-campaignecosystem-referencebrief-to-tasks
ayalaphiscan/web-security-guard/skills/frontend-spa/SKILL.md
Sicurezza delle app a pagina singola e dei siti statici (React, Vite, Vue, Svelte) - CSP senza script inline, punti di XSS, link sicuri, token nel browser, variabili pubbliche, source map, service worker, dipendenze. Trigger - "React", "Vite", "SPA", "CSP", "XSS", "dangerouslySetInnerHTML", "sito statico", "localStorage token". EN - Security of single-page apps and static sites (React, Vite, Vue, Svelte) - CSP without inline scripts, XSS sinks, safe links, tokens in the browser, public env vars, source maps, service workers, dependencies. Triggers - "React", "Vite", "SPA", "CSP", "XSS", "dangerouslySetInnerHTML", "static site", "localStorage token".
coroboros/agent-skills/skills/frontend-dev/SKILL.md
Build and improve frontend pages, dashboards, forms and components, including award-design's committed build chunks. Use for implementation, everyday UI design and scoped visual changes. Preserve DESIGN.md and chunk boundaries; validate the affected surface and applicable states. Award-level visual direction and review belong to award-design; single-token edits to design-system.
Douglasst102/AgentSkills/.cursor/skills/frontend-dev/SKILL.md
Desenvolve interfaces frontend, cria componentes React/Vue/Angular, e implementa gerenciamento de estado. Use quando precisar implementar frontend, criar componentes, ou otimizar performance.
haxqer/skills/skills/frontend-dev/SKILL.md
Build, debug, and review modern React frontends with shadcn/ui as the default component system. Use when Codex needs to scaffold or extend a Vite + React + TypeScript (or Next.js) web app, install and compose shadcn/ui components, configure Tailwind and theming, wire forms, data tables, server/client state, dark mode, routing, or accessibility, or diagnose component, build, and browser runtime issues in a shadcn-based frontend.
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.