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

JLugagneSkill

doc-frontend

JLugagne/agach/.claude/skills/doc-frontend/SKILL.md

Agach frontend: React/TypeScript pages, components, kanban UI, auth context, API client, WebSocket, hooks, modals

JoshBuildAppSkill

web-frontend

JoshBuildApp/launchkit/skills/web-frontend/SKILL.md

Use when writing or reviewing the frontend code of a website — HTML/CSS/JS structure, component architecture, responsive layout, and code quality standards. Triggers: "build the frontend", "code this page/component", "make it responsive", "clean up the frontend code", "what stack should I use", implementing a design in code.

muhamadhafisSkill

frontend-god

muhamadhafis/frontend-god/SKILL.md

Senior Frontend & Design Engineer skill for React 19, Next.js & Vite. Crafts non-AI-slop interfaces, B2B cockpit high-density dashboards, Tailwind CSS v4 (@theme) & shadcn/ui integrations, compound components, optical iconography, spring motion, container queries, section choreography, and 27-point delivery gate polish.

sueryueReads credentialsSkill

frontend-dev

sueryue/Claude-Skillls/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.

luxury-yachtSkill

improve-frontend

luxury-yacht/app/.agents/skills/improve-frontend/SKILL.md

Use when wanting to systematically improve the React/TypeScript frontend - scans for security vulnerabilities, stability risks, performance issues, and code simplification opportunities, then presents 5 ranked findings for the user to choose from

stark-contrastSkill

stark-frontend

stark-contrast/skills/skills/stark-frontend/SKILL.md

This skill should be used for web front-end accessibility work — whenever the user mentions "accessibility", "a11y", "WCAG", "ARIA", "screen reader", "keyboard navigation", "focus management", or "semantic HTML", asks to fix accessibility violations on a web / URL / code / Storybook asset in Stark, or wants to set up accessibility scanning for a website or front-end codebase. Use it to turn Stark violations into correct, minimal HTML/ARIA fixes and to tell real WCAG failures apart from best-practice cleanup. Prefer this skill for any web UI accessibility task even if the user doesn't say "Stark".

GitHubSkill

premium-frontend-ui

github/awesome-copilot/skills/premium-frontend-ui/SKILL.md

A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.

xu-xiangSkill

frontend-patterns

xu-xiang/everything-claude-code-zh/.agents/skills/frontend-patterns/SKILL.md

React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。

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

mturacSkill

frontend-slides

mturac/everything-openai-codex/.agents/skills/frontend-slides/SKILL.md

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack

mturacSkill

frontend-slides

mturac/everything-openai-codex/.cursor/skills/frontend-slides/SKILL.md

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack

Significant-GravitasSkill

write-frontend-tests

Significant-Gravitas/AutoGPT/.claude/skills/write-frontend-tests/SKILL.md

Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them. TRIGGER when user asks to write frontend tests, add test coverage, or 'write tests for my changes'.

duongthinh03Skill

frontend-design

duongthinh03/portfolio/.agents/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, OR when they provide screenshots/images/designs to replicate or draw inspiration from. For screenshot inputs, extracts design guidelines first using ai-multimodal analysis, then implements code following those guidelines. Generates creative, polished code that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

duongthinh03Skill

frontend-design

duongthinh03/portfolio/.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, OR when they provide screenshots/images/designs to replicate or draw inspiration from. For screenshot inputs, extracts design guidelines first using ai-multimodal analysis, then implements code following those guidelines. Generates creative, polished code that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

pedrojaques99Skill

visant-frontend

pedrojaques99/visant-skills-public/visant-frontend/SKILL.md

Frontend decision system where every interface choice names the business variable it moves; the required deliverable is the route classification table. Use on "redesign this screen", "critique this UI", "visual hierarchy", "redesenhar tela", "criticar interface", "hierarquia visual", "cortar excesso", "empty state".

DevdannnnySkill

frontend-next

Devdannnny/chisel/skills/frontend/next/SKILL.md

Activate when building Next.js (App Router or Pages Router) web frontends — landing pages, marketing pages, product UI, dashboards, portfolios. Trigger phrases include "build a Next.js page", "design a Next.js landing page", "create the UI in Next", "build the marketing site", "App Router", "server components", or when the user pastes a screenshot for a Next.js project. Always check for `screenshots/` in the repo root. Always reference `questionnaire.md` in this skill folder — walk the user through it if unanswered. Use `frontend-react` for non-Next React (Vite, CRA, Remix). Do NOT trigger for Flutter (use `frontend-flutter`), React Native (use `frontend-react-native`), backend, or existing design systems that must be preserved.

hahuyhungdevSkill

frontend-scan

hahuyhungdev/ai-coding-config/skills/frontend-scan/SKILL.md

Use this skill only when the user explicitly asks for a frontend scan, visual scan, screenshot audit, Playwright scan, or comprehensive UI audit. It starts the local server, captures desktop/mobile screenshots, checks responsiveness and AI slop, and writes a report.

thrillmadeSkill

frontend-a11y

thrillmade/agent-skills/skills/frontend-a11y/SKILL.md

Use when judging accessibility on a RENDERED surface — screenshots or a live page, in light, dark, forced-colors and reduced-motion, at real zoom — as the a11y lens of a design review. Owns what only the render shows: contrast measured on the composited pixel rather than the token, focus rings that survive forced-colors and are not covered by sticky chrome (SC 2.4.11), hit areas measured as laid out including the 2.5.8 spacing exception, meaning carried by colour / gradient / shadow, and motion that actually plays. Thresholds are NOT restated here — contrast belongs to apca-contrast and wcag-contrast, target size to component-sizing-principles. Cite when a review calls contrast "low" with no measured pair, checks light mode only, reports an AAA criterion as an AA failure, or infers accessibility from source alone.

gear-foundationSkill

sails-frontend

gear-foundation/vara-skills/skills/sails-frontend/SKILL.md

Use when a builder needs to build or extend a React or TypeScript frontend for a standard Gear/Vara Sails app, using Sails-JS, generated clients, React hooks, and low-level Gear-JS only where it adds value. Do not use for Rust-only contract work, raw gstd service design, or non-Vara frontends.

langgeniusSkill

frontend-code-review

langgenius/dify/.agents/skills/frontend-code-review/SKILL.md

Review frontend code under `web/` or `packages/dify-ui/` when the user explicitly requests a review or audit. Supports PRs, branches, pending changes, files, and pasted diffs. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code.

Often used withbackend-code-review·frontend-testing·pr-creator

miracleEverywhereSkill

frontend-project

miracleEverywhere/dst-management-platform-api/.agents/skills/frontend-project/SKILL.md

如果你对一些前端有疑问，可以查看本项目的前端代码