Find the best CLAUDE.md, AGENTS.md and Claude skills

app-dev-panelSkill

frontend-dev

app-dev-panel/app-dev-panel/.claude/skills/frontend-dev/SKILL.md

Implement frontend features, components, pages, and modules. Expert in React 19, strict TypeScript, semantic HTML, accessible markup, CSS layout, and maintainable code patterns. Use for any frontend implementation task.

langgeniusSkill

frontend-testing

langgenius/dify/.agents/skills/frontend-testing/SKILL.md

Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test strategy, including evaluation of an existing strategy. Do not use for frontend code-review-only requests, general testability discussion, Python tests, or Cucumber/Playwright E2E.

langflow-aiSkill

frontend-testing

langflow-ai/langflow/.agents/skills/frontend-testing/SKILL.md

Frontend Testing Skill - Langflow ## When to Apply Activate this skill when: - Writing new unit or integration tests for React components, hooks, utilities, or Zustand stores - Reviewing existing tests for correctness

instantX-researchSkill

frontend-ui

instantX-research/skills/skills/frontend-ui/SKILL.md

High-aesthetic frontend UI generator trained on the design DNA of Linear, Vercel, Stripe, Raycast, Resend, Supabase, Anthropic and 10+ other benchmark products. Analyzes reference URLs or screenshots to extract design DNA (color, typography, spacing, motion), generates pixel-perfect production code, and saves extracted styles as reusable template skills. 26 curated palettes, anti-AI-slop enforced: real design systems, typographic craft, 8px grid discipline. Use when asked to "build UI", "design a page", "clone this style", "make it look like X", or "generate frontend". Proactively suggest when user shares a URL/screenshot for inspiration.

WomenDefiningAISkill

frontend-ui

WomenDefiningAI/claude-code-skills/skills/frontend-ui/SKILL.md

Create aesthetically pleasing, visually distinctive frontend UIs using research-backed prompting strategies from Anthropic's frontend aesthetics cookbook

windmill-labsSkill

svelte-frontend

windmill-labs/windmill/.agents/skills/svelte-frontend/SKILL.md

Svelte coding guidelines for the Windmill frontend. MUST use when writing or modifying code in the frontend directory.

No other project uses it yet

coderSkill

frontend-review

coder/coder/.claude/skills/frontend-review/SKILL.md

Diff-scoped self-review of frontend changes under site/src against the FE pattern rules (FE1-FE10) before creating or updating a PR. Use whenever a branch diff touches site/src files.

GPireReads credentialsSkill

frontend-3d

GPire/claude-skills-swarm/frontend-3d/SKILL.md

Frontend avanzato: React, Angular, Vite, WebGL, Three.js, GSAP, Unity WebGL, Unreal Engine, GitHub Pages, ecommerce frontend, animazioni avanzate, shader GLSL, fisica 3D, performance 3D, R3F (React Three Fiber), Drei, Cannon.js, Rapier, motion design, scroll-driven animations, CSS avanzato, design system in codice. Attiva quando l'utente vuole Three.js, WebGL, GSAP, animazioni, 3D nel browser, shader, R3F, effetti visivi avanzati, frontend interattivo.

alekspetrovSkill

frontend-test

alekspetrov/navigator/skills/frontend-test/SKILL.md

Generate frontend component tests (React Testing Library, Vue Test Utils, snapshot) for existing components. Auto-invoke when user says "test this component", "write component test", or "add component test".

MicrosoftSkill

frontend-design

microsoft/MicroHack/03-Azure/01-04-AI/01_Agentic_SDLC/.github/skills/frontend-design/SKILL.md

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Often used withfile-reading·brief-to-tasks·academy-guide

vudovnReads credentialsSkill

frontend-design

vudovn/ag-kit/.agents/skills/frontend-design/SKILL.md

Anti-slop frontend design for web UI — landing pages, portfolios, marketing/product sites, and redesigns. Reads the brief, infers the right direction, and ships interfaces that don't look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check. NOT for mobile apps.

Often used withfile-reading·brief-to-tasks·academy-guide

anbeimeSkill

frontend-design

anbeime/skill/skills/frontend-design/frontend-design/SKILL.md

网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。

Often used withfile-reading·brief-to-tasks·academy-guide

BuilderIOSkill

frontend-design

BuilderIO/agent-native/.agents/skills/frontend-design/SKILL.md

Product-specific interface design for an Agent-Native app. Use when creating or changing any user-facing UI, including screenshot feedback, copy or density cleanup, settings, controls, or a visual redesign.

Often used withfile-reading·brief-to-tasks·academy-guide

steipeteSkill

frontend-design

steipete/agent-scripts/skills/frontend-design/SKILL.md

Frontend UI: pages, apps, components, polished non-generic design.

Often used withfile-reading·brief-to-tasks·academy-guide

orangehrmSkill

frontend-pages

orangehrm/orangehrm/.agents/skills/frontend-pages/SKILL.md

Entry-point reference for OrangeHRM's Vue 3 frontend — the per-page mini-SPA architecture (no vue-router; each backend page-controller mounts one Vue root component into the Twig shell), the four-step page registration flow, plugin-frontend layout under `src/client/src/orangehrm{X}Plugin/`, the three import aliases (`@/`, `@ohrm/core`, `@ohrm/components`) + the external `@ohrm/oxd` design system, the catalog of OXD components actually used in the codebase, the custom `@ohrm/components` layer (DateInput, EmployeeAutocomplete, FileUploadInput, etc.), the typical Vue page file anatomy (mixed Composition + Options API, scoped external SCSS), and full-page navigation via `navigate(url)`. Use whenever the user is adding a new Vue page, editing an existing one, asking "where do I register this component", asking about the OXD design system, debugging "why doesn't my new page render", or working out which import alias to use. Companion skills: `frontend-data` (APIService + composables + validation), `frontend-platform` (i18n + ACL + toaster + navigation), `authorization` (the page-controller side that mounts these Vue components).

nolly-studioSkill

frontend-design

nolly-studio/cult-ui/.agents/skills/frontend-design/SKILL.md

Craft doctrine for building distinctive, polished frontend interfaces. Use when building or reviewing web UI — components, pages, layouts, styling, animation. Covers design direction, typography, surfaces, and motion. Defers to the repo's DESIGN.md for all project-specific choices.

Often used withfile-reading·brief-to-tasks·academy-guide

pyaephyo11979Skill

frontend-ui

pyaephyo11979/rent4U/.claude/skills/frontend-ui/SKILL.md

Frontend UI Skill Component architecture, styling, and UX guidelines for the Rent4U frontend. ## Stack - **Framework:** React 19 + TypeScript 6 - **Styling:** Tailwind CSS v4 (CSS-first config) - **Routing:** react-router

unreadlogsSkill

frontend-ui

unreadlogs/AutarkChat/skills/frontend-ui/SKILL.md

Use this skill when designing or redesigning a website, web app, or any interface and you want the result to feel intentional and distinctive rather than generic. Covers art direction, typography, color systems, layout, motion, and the craft of interface copy. Load this when a user asks to build a new page, style an existing one, or make something look better.

affaan-mSkill

frontend-patterns

affaan-m/ECC/.agents/skills/frontend-patterns/SKILL.md

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.

Often used withbrand-discovery·agent-sort·configure-ecc

netease-youdaoSkill

frontend-design

netease-youdao/LobsterAI/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 withfile-reading·brief-to-tasks·academy-guide