frontend
stoffl6781/claude-skill/skills/frontend/SKILL.md
Frontend-Implementierung mit Qualitäts-Checklist. Nutze bei: 'UI bauen', 'View erstellen', 'Frontend', 'Blade', 'Component', 'responsive', 'Dark Mode prüfen', 'Design umsetzen'.
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.
stoffl6781/claude-skill/skills/frontend/SKILL.md
Frontend-Implementierung mit Qualitäts-Checklist. Nutze bei: 'UI bauen', 'View erstellen', 'Frontend', 'Blade', 'Component', 'responsive', 'Dark Mode prüfen', 'Design umsetzen'.
thevibethinker/vibe-thinker-skills/frontend/SKILL.md
Generate high-quality landing pages with anti-slop guardrails and multi-platform support. Creates modern, accessible designs for Zo.space, standalone HTML, and Next.js with professional aesthetics and clear typography hierarchy.
wendelcastro/fluxo-engenharia-ia/skills/frontend/SKILL.md
Constrói interfaces com qualidade de produção. Use quando o usuário for construir ou modificar interfaces voltadas ao usuário final, criar componentes, implementar layouts, gerenciar estado, ou quando o resultado precisar parecer feito por um engenheiro com senso de design — e não gerado por IA.
fossasia/eventyay/.agents/skills/frontend-ui/SKILL.md
Frontend UI implementation, accessibility, and responsive checks for Django templates and Vue components
Steady3 mentions in 2 weeks
5 projects use a version of this
langflow-ai/langflow/.agents/skills/frontend-i18n/SKILL.md
Add, change, or review user-facing text in the Langflow frontend using the i18n system (i18next / react-i18next). Use whenever a change adds or edits UI strings — labels, buttons, tooltips, modals, toasts, error messages, empty states — or when reviewing a diff that contains user-facing text. Every user-facing string must go through the translation system and every new key must exist in ALL locale files. Do NOT use for backend strings, log messages, or code identifiers.
Steady6 mentions in 2 weeks
2 projects use a version of this
MiniMax-AI/skills/skills/frontend-dev/SKILL.md
Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.
BankrBot/skills/ethskills-frontend-ux/SKILL.md
Frontend UX rules for Ethereum dApps — mandatory patterns for onchain buttons, four-state connect flows, token approval sequences, address display, USD values, and RPC configuration.
Steady5 mentions in 2 weeks
1 project uses a version of this
Electric-Coding-LLC/skills/frontend/SKILL.md
Rapidly implement and refine existing frontend UI in an active feedback loop while deferring comprehensive verification. Use when the user invokes `$frontend` or explicitly asks for quick frontend iteration on layout, styling, copy, responsive behavior, accessibility, or local interactions without running full lint, typecheck, build, test, or Playwright suites between passes. Do not use for release readiness, comprehensive verification, or backend, data, authentication, or API work.
futhr/futhr/.agents/skills/frontend/SKILL.md
Edit or review Svelte components, SvelteKit routes, component tests, and Storybook stories in this workspace. Use when changing reactivity, component APIs, rendered HTML, disclosure behaviour, SSR boundaries, or story composition. ExkPasswd's plain TypeScript browser shell follows its package guide.
hilmifawwazsaad/NextJS-js-Boilerplate/.agents/frontend/SKILL.md
Generate production-grade Next.js (App Router) JSX code. Use for components, pages, layouts, and utilities — pure UI, no DB or server logic.
marcusbelz/di2-starter-kit/.claude/skills/frontend/SKILL.md
Build UI components against the real APIs. Use after the backend is built (for features that need one). Default stack is React/Next/Tailwind/shadcn; adapt to the project's actual UI stack.
mj-deving/pai-skills/skills/Frontend/SKILL.md
Frontend design and website engineering — standards, anti-slop rules, aesthetic presets, website factory, design intelligence, audit commands, and site teardown. USE WHEN building UI, HTML, frontend, design review, responsive, website factory, portfolio site, landing page, impeccable, audit, typeset, animate, colorize, critique, layout, polish, delight, harden, site teardown, clone website, redesign.
stamat/claude/skills/frontend/SKILL.md
Rules for anything that renders HTML — accessibility, SEO and GEO built as one job for the non-visual reader. Use when writing or reviewing HTML, templates, components, ARIA, meta tags, structured data, sitemaps, llms.txt, or any page a browser, crawler or agent will read.
latitude-dev/latitude-llm/.agents/skills/web-frontend/SKILL.md
apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field errors), Tailwind layout rules, design-system updates, and useEffect / useMountEffect policy.
rlaope/oh-my-hermes/skills/omh-frontend/SKILL.md
[omh] Building or polishing a web or terminal UI: prepare design-system-driven web and terminal (TUI) UI creation, redesign, polish, accessibility, performance, and visual QA handoffs. Use when the user says: frontend, front-end, front end, frontend skill, in the frontend, on the frontend, to the frontend, web ui.
No other project uses it yet
bkywksj/knowledge-base/.claude/skills/ui-frontend/SKILL.md
React 前端 UI 组件开发技能,指导 Tauri 桌面应用的界面开发。
comet-ml/opik/.agents/skills/opik-frontend/SKILL.md
React frontend patterns for Opik. Use when working in apps/opik-frontend, on components, state, or data fetching.
Steady19 mentions in 2 weeks
No other project uses it yet
austintgriffith/ethskills/frontend-ux/SKILL.md
Frontend UX rules for Ethereum dApps that prevent the most common AI agent UI bugs. Mandatory patterns for onchain buttons, approval flows, address UX, USD context, RPC reliability, theming, and pre-publish metadata. Use whenever you are building a frontend for an Ethereum dApp.
rommapp/romm/.claude/skills/frontend-i18n/SKILL.md
Internationalization for the RomM frontend. Use whenever adding, renaming, or removing any user-visible string / translation key under frontend/src/locales/. Covers the en_US-is-source rule, the requirement to add every new key to ALL locale directories in the same change, namespace layout, and the check_i18n_locales.py validator enforced in CI. Trigger on any change to frontend/src/locales/**.
marmelab/atomic-crm/.claude/skills/frontend-dev/SKILL.md
Coding practices for frontend development in Atomic CRM. Use when creating or modifying React components, forms, list pages, detail views, filters, data fetching, or responsive layouts.
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.