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.
int2t05Skillint2t05/engineering-skills/skills/03-design/frontend-design/SKILL.md
Use when building web components, pages, or applications with distinctive, production-grade design quality — color, typography, layout, interaction states, and platform conventions. Triggers on "frontend", "UI design", "design", "组件设计", "界面设计", "前端设计", "视觉风格".
KevinchamplinSkillKevinchamplin/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. Generates creative, polished code that avoids generic AI aesthetics.
marcellocurtoSkillmarcellocurto/skills/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.
ProjAnvilSkillProjAnvil/MindForge/skills/zh-cn/frontend-svelte/SKILL.md
现代前端开发综合技能，涵盖 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统。使用此技能构建现代 Web 应用、创建 UI 组件、实现状态管理、处理表单，或使用基于 TypeScript 的前端架构时使用。适用于需要响应式框架、服务端渲染或类型安全组件开发的项目。
SrejonKhanSkillSrejonKhan/agent-skills/skills/frontend_design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this when building web components, pages, artifacts, posters, or applications (websites, landing pages, react components). Generates creative, polished code that avoids generic aesthetics.
wzh4464Skillwzh4464/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.
SentrySkillgetsentry/sentry/.agents/skills/generate-frontend-forms/SKILL.md
Guide for creating forms using Sentry's new form system. Use when implementing forms, form fields, validation, or auto-save functionality.
adrianrosarioprSkilladrianrosariopr/ClaudeSkills/frontend-skill/SKILL.md
Expert frontend developer and UI/UX design master. Build beautiful, performant interfaces across React/Next.js, Vue/Nuxt, Laravel/Blade, and React Native. Expertise in Tailwind CSS, modern CSS, component patterns, and optimization. Full lifecycle coverage from design through shipping.
beelabstudioSkillbeelabstudio/ai/skills/design/frontend-taste/SKILL.md
Deep aesthetic-judgment pass for landing pages, portfolios, and marketing sites — the "does this look AI-generated" arbiter. Use alongside web-visual-design (BLS process) and web-interface-guidelines (technical correctness) as the taste/quality specialist in a design review. Not for dashboards, data tables, or multi-step product UI.
danh121097Skilldanh121097/squad-skills/skills/squad-frontend/SKILL.md
Operate as the squad's Frontend Engineer — web UI, browser games and interactive graphics, client logic and API integration in the repository's framework, building on the user's design material.
devpilotXSkilldevpilotX/skills/skills/frontend-build/SKILL.md
Build user interfaces that hold up on real networks, real devices and real input. Use when the user asks to build a UI, a web app, a page, a component, a dashboard, a form or a design system, asks about React, Vue, Svelte, Angular, Next.js or any frontend framework, asks about state management, routing, styling, responsive layout, accessibility or client performance, or asks why their interface is slow or broken on mobile. Covers the states most interfaces omit, which are loading, empty, error, partial and offline, keeps state in the narrowest scope that works, treats accessibility and keyboard operation as part of the build rather than a later pass, and budgets bundle size in kilobytes before adding a dependency. Triggers on build a UI, build a frontend, React component, state management, responsive design, accessibility, my site is slow, form validation, design system, dashboard.
jardisToolsSkilljardisTools/dev-skills/skills/rules-frontend/SKILL.md
Non-negotiable, stack-agnostic Jardis frontend review rules — component boundaries, state discipline, an e2e-heavy test pyramid, an accessibility minimum bar, and type-safety at the data boundary; the measuring stick a frontend architect or reviewer holds a UI plan or component against. Consult before reviewing any frontend plan or authoring a frontend component. The concrete UI framework arrives via the assignment, never from this constitution.
kerwinarlanSkillkerwinarlan/frontend-design-intelligence/skills/frontend-audit/SKILL.md
Non-destructive visual design, typography, layout, motion, accessibility, and anti-slop audit for web repositories. Returns a prioritized improvement score and action plan using the 14-point visual quality rubric. Respects design briefs passed down from creative-director.
koinodSkillkoinod/skills/koino-frontend/SKILL.md
Build world-class frontend interfaces for KOINO Capital and client ventures. Combines Anthropic's frontend-design principles, Impeccable refinements, modern SaaS landing page patterns, and KOINO operational alpha. Produces sites that rival top creative agencies and YC startup landing pages. Activates when building any web UI, landing page, storefront, dashboard, or component.
Nadav011SkillNadav011/apex-skills/skills/frontend-rules/SKILL.md
Use when user wants to Frontend rules - Next.js 16.1, React 19, Tailwind v4.2, caching, performance, design system, state/forms, accessibility, SEO
Pesty-MarketingSkillPesty-Marketing/agent-skills/pesty-frontend/SKILL.md
DEPRECATED — superseded by the pesty-design skill, which is now the default for all new Pesty frontend work. Use this skill ONLY when maintaining an EXISTING dark-navy internal dashboard or tool that already uses these tokens (Epilogue + Montserrat, #001c28 background). For anything new, use pesty-design instead.
poorvith-mpSkillpoorvith-mp/skills-developer/skills/frontend-build/SKILL.md
Implement web UIs in React, Vue or Angular with attention to performance, state and correctness. Use when implementing web user interfaces, client state, or components.
SkyWalker2506SkillSkyWalker2506/ccplugin-frontend-craft/skills/SKILL.md
ANF frontend pipeline — high-end site/app build. Triggers: frontend craft, frontend pipeline, ANF, high-end site, web craft, premium frontend, build me a site, build a landing page, add a page, fix the design
susannakhloyan-debugSkillsusannakhloyan-debug/claude-skills/Skills/frontend-craft/SKILL.md
Apply design-engineering craft at the code level when building or reviewing web interfaces. Use when implementing interactions, animations, microinteractions, or motion, deciding which modern CSS is production-safe (container queries, :has, view transitions, scroll-driven animations), choosing component architecture (Radix/Base UI/shadcn), or making an interface feel premium like Linear/Vercel/Raycast. Complements impeccable-design (visual theory) with the implementation details and anti-slop enforcement.
wangxiaohuiboySkillwangxiaohuiboy/lean-agent-skills/skills/frontend-craft/SKILL.md
Build or review web UI that looks deliberate instead of machine-generated. Use when creating a page or component, restyling an existing screen, or when the user says the UI works but looks generic, templated, or like AI output. Not for pure logic or backend changes.
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.
