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.
Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
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.
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.