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.
siteboonSkillsiteboon/claudecodeui/.agents/skills/frontend-module-standards/SKILL.md
Enforce this repository's React and TypeScript frontend module architecture standards. Use whenever creating, modifying, refactoring, or reviewing frontend code under `src/`, including feature modules, components, hooks, contexts, shared UI, API access, state, utilities, and frontend tests. Do not apply these rules to backend code under `server/` or non-frontend scaffolding.
ayoubben18Skillayoubben18/ab-method/.agents/skills/ab-analyze-frontend/SKILL.md
Analyze and document a project's frontend patterns — component structure, state management, conventions. Use when the user wants a frontend-only architecture analysis.
instantX-researchSkillinstantX-research/skills/skills/frontend-reactor/SKILL.md
Converts cloned website HTML files (from frontend-ui-clone) into production-ready React/Next.js projects. Extracts components, decomposes CSS, sets up routing, and wires navigation so buttons and links actually work. Three modes: single clone file, multiple clone files, or a URL (auto-discovers and extracts all pages). Outputs a runnable Next.js App Router project with `npm run dev` ready to go. Use when asked to "convert to React", "make a Next.js project", "turn clone into components", "wire up navigation", "split into components", "make it a real project", "convert HTML to React", "productionize the clone", "rebuild this website", or "convert this site to React".
ysyecustSkillysyecust/everything-claude-code/.agents/skills/frontend-patterns/SKILL.md
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
fimokleiSkillfimoklei/pm-ai-playbook/skills/frontend-skills/frontend-patterns/SKILL.md
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
talayashSkilltalayash/agentrium/.claude/skills/frontend-patterns/SKILL.md
React/TypeScript/xterm.js patterns for Agentrium frontend
ai4brands-designSkillai4brands-design/claude-skills/frontend-design/SKILL.md
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity. Use when building or styling web UIs, components, pages, dashboards, or frontend applications.
ai4brands-designSkillai4brands-design/claude-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.
ai-champions-hubSkillai-champions-hub/skills/skills/frontend-slides/SKILL.md
Create beautiful HTML/CSS presentation decks from topics, outlines, or source content. Use when generating slides, pitch decks, visual presentations, or converting deck ideas into a single HTML file.
AnonymXXXSkillAnonymXXX/codex-harness-engineering/.agents/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.
AnthonyPoschenSkillAnthonyPoschen/agent-skills/skills/frontend-design/SKILL.md
Design, build, restyle, or review polished frontend interfaces for web apps, dashboards, tools, landing pages, components, and responsive workflows. Use whenever a request involves frontend visual design, layout, styling, UI hierarchy, interface polish, design systems, color palettes, typography, color schemes, prefers-color-scheme, dark and light themes, responsive behavior, or making an existing web experience more usable and distinctive. Also use for motion, elevation, accessibility, and design critique. Apply it to both new screens and focused UI improvements, even when the user asks only for code. Avoid templated AI aesthetics. When designing or reviewing UI, visually inspect the running interface in both dark and light themes with browser-use or computer-use tools.
aps08Skillaps08/fullstack-clean-architecture/.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, 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.
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.
