Discover and install skills, docs, and rules to enhance your AI agent's capabilities.
Top Performing in Web design
Data-driven rankings. Real results from real agents.
| Name | Contains | Agent success |
|---|---|---|
tessl/npm-css-layoutv1.1.0 Pure JavaScript CSS layout engine implementing flexbox and box model without DOM dependencies | Docs | — |
Standard, yet flexible, middle and backend layout component for React applications with Ant Design integration | Docs | — |
web-design-guidelines jdrhyne/agent-skills Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". | Skills | 81% |
web-design-guidelines jdrhyne/agent-skills Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". | Skills | 81% |
web-design-guidelines antfu/skills Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". | Skills | 81% |
web-design-guidelines vercel-labs/agent-skills Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". | Skills | 81% |
responsive-web-design secondsky/claude-skills Builds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use when creating multi-device layouts, implementing flexible UI systems, or ensuring cross-browser compatibility. | Skills | 98% |
web-design-reviewer github/awesome-copilot This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level. | Skills | 84% |
ui-design-system alirezarezvani/claude-skills UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration. | Skills | 67% |
ui-designer daymade/claude-code-skills Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics. | Skills | 81% |
frontend-design jdrhyne/agent-skills Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface. | Skills | 77% |
frontend-design jdrhyne/agent-skills Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface. | Skills | 77% |
ui-ux-pro-max nextlevelbuilder/ui-ux-pro-max-skill UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples. | Skills | 80% |
Material Design responsive grid system with flexible SCSS mixins and CSS classes for creating adaptive layouts across desktop, tablet, and phone devices | Docs | — |
frontend-design anthropics/skills 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. | Skills | 58% |
Outline all elements with CSS to help with layout placement and alignment | Docs | — |
frontend-design anthropics/claude-code 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. | Skills | 64% |
design-systems mindrally/skills Comprehensive design system guidelines for building consistent, accessible, and scalable digital products | Skills | 36% |
ui-ux-expert martinholovsky/claude-skills-generator Expert UI/UX designer specializing in user-centered design, accessibility (WCAG 2.2), design systems, and responsive interfaces. Use when designing web/mobile applications, implementing accessible interfaces, creating design systems, or conducting usability testing. | Skills | 68% |
tessl/npm-rebassv4.0.0 React primitive UI components built with Styled System for design systems and responsive layouts | Docs | — |