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'.
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.
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.
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.