Search

Find skills by name, source, slug, or description across the full catalog.

#

Skill

Source

Installs

frontend-design-system Comprehensive UI/UX design skill for building modern, responsive web applications with Tailwind CSS, shadcn/ui, Mater…

smithery/bilalmk

frontend-design-ultimate Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

smithery/kesslerio

frontend-designer Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and f…

smithery/jamesrochabrun

ce-frontend-design Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, d…

everyinc/compound-engineering-plugin

premium-frontend-design Create award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experien…

kv0906/cc-skills

ui-design UI/UX and frontend design best practices guidelines (formerly frontend-design). This skill should be used when writin…

pproenca/dot-skills

edgespark-frontend-design Design and redesign EdgeSpark frontends with distinctive, production-grade visual direction instead of generic AI-loo…

edgesparkhq/agent-skills

qiaomu-design-advisor 偏执型设计顾问 v2.0（融合版）— Jobs 式产品直觉 + Rams 式功能纯粹主义，融合五大顶级设计 Skill 实测精华（Anthropic fro…

joeseesun/qiaomu-design

modern-frontend-design How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI …

deveshpunjabi/modern-frontend-skill

design-guide Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI comp…

paperclipai/paperclip

react-frontend >- React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component struct…

iliaal/ai-skills

product-frontend-design Review and design SaaS/product marketing sites and frontend interfaces end-to-end: clarify value, fix hierarchy, and …

mosif16/codex-skills

anthropic-frontend-design Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aes…

fcakyon/claude-codex-settings

flutter-frontend-design Create distinctive, production-grade Flutter mobile & web UI with high design quality. Use this skill when the user a…

syeduzaif/flutter-frontend-design

ck:frontend-design Create polished frontend interfaces from designs/screenshots/videos. Use for web components, 3D experiences, replicat…

binjuhor/shadcn-lar

ui-design UI/UX and frontend design best practices guidelines (formerly frontend-design).

pymodel/react-frontend-skills

ui-design UI/UX and frontend design best practices guidelines (formerly frontend-design).

thongdn-it/react-agent-skills

openai-frontend-design Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from s…

fcakyon/claude-codex-settings

Webdesign Design and integrate web interfaces via three paths: DirectDesign (write design inline with Anthropic frontend-design…

danielmiessler/lifeos

astrale-frontend-design Design, implement, review, and refine focused product interfaces for Astrale Domain Views embedded in the Astrale GUI…

design-tool-picker Help choose the right design tool based on your current task. Use when unsure whether to use frontend-design, ui-ux-d…

majesticlabs-dev/majestic-marketplace

android-mobile-frontend-design Design Android mobile frontend experiences from scratch, improve existing screens, and fix UI issues with brand-forwa…

krutikjain/android-agent-skills

vaadin-frontend-design Guide the agent on creating visually distinctive, polished Vaadin 25 interfaces that go beyond default theme styling.…

vaadin/agent-skills

cofounder-frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

locaweb/cofounder

ns-code-frontend-design (NS) Distinctive production UI — layout, typography, motion, and component polish that avoids generic AI-slop aesthet…

nextstage-brasil/skills

ns-frontend-design (NS) Distinctive production UI — layout, typography, motion, and component polish that avoids generic AI-slop aesthet…

nextstage-brasil/skills

frontend-orchestrator Diagnose a codebase's frontend design maturity and route the work through the right sequence of frontend-design skill…

sanky369/vibe-building-skills

design-md Create or update a repo's DESIGN.md — a living design-language contract for AI agents and humans — plus a portable fr…

nolly-studio/agent-skills

responsive-design Mobile-first strategy, breakpoints, fluid layouts, content choreography, and cross-device optimization with CSS Grid,…

flitzrrr/frontend-design-skills

landing-pages Conversion-oriented page structure, CTA design, above-the-fold optimization, page types, and A/B testing for maximum …

flitzrrr/frontend-design-skills

minoan-frontend-design Build distinctive, production-grade frontend interfaces — websites, landing pages, dashboards, React components, HTML…

tdimino/claude-code-minoan

ui-design Layouts, components, visual hierarchy, grid systems, and design systems for professional web interfaces. Defines rule…

flitzrrr/frontend-design-skills

webdesign-review Meta-skill for comprehensive web design reviews. Orchestrates all 20 domain skills for systematic analysis of website…

flitzrrr/frontend-design-skills

design-process Briefing, concept development, wireframing, prototyping, visual design, review, and handoff -- the structured path fr…

flitzrrr/frontend-design-skills

design-trends Current award-winning design patterns and emerging techniques in web design (Q1/Q2 2026). Covers motion, typography, …

flitzrrr/frontend-design-skills

accessibility WCAG conformance, BFSG compliance, semantic HTML, ARIA, keyboard navigation, contrast, forms, and assistive technolog…

flitzrrr/frontend-design-skills

web-typography Font selection, font pairing, typographic scales, line height, line length, and CSS implementation for web typography…

flitzrrr/frontend-design-skills

visual-direction Current visual direction for web projects covering color palettes, font pairings, layout compositions, and imagery (Q…

flitzrrr/frontend-design-skills

website-audit Systematic website analysis, relaunch planning, SEO migration, content audit, and post-launch monitoring for data-dri…

flitzrrr/frontend-design-skills

color-theory Color models, palettes, contrast, color psychology, color harmonies, and dark mode for web projects. Defines the 60-3…

flitzrrr/frontend-design-skills

design-system-builder Build a complete, AI-consumable design system from any design reference — a style description ("dark mode fintech wit…

signerlabs/design-system-builder-skills

ux-design User research, interaction patterns, information architecture, and UX methods. Defines the five-plane model, user flo…

flitzrrr/frontend-design-skills

ai-design-workflow AI tool integration into the design process, structured prompting for designers, creative AI usage with clear boundar…

flitzrrr/frontend-design-skills

component-patterns Modern UI component selection, composition, and theming patterns for web applications. Covers compound components, de…

flitzrrr/frontend-design-skills

light-frontend-design Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成**能跑的 React/Tailwind/shadcn 代码 + 设计决策说明**—— 有*…

light0305/light-skills

branding-identity Brand strategy, visual identity, positioning, corporate design, portfolio presentation, and consistent brand manageme…

flitzrrr/frontend-design-skills

navigation-design Menu patterns, breadcrumbs, search functionality, information architecture, and user flow. Navigation as the backbone…

flitzrrr/frontend-design-skills

ui-patterns Proven, real-world UI interaction patterns from shipped products. Covers hero sections, navigation, cards, pricing, t…

flitzrrr/frontend-design-skills

usability Heuristic evaluation, conversion optimization, form design, error handling, and usability as a measurable quality cri…

flitzrrr/frontend-design-skills

customer-journey Personas, touchpoint mapping, phase models, onboarding, customer retention, and data-driven journey analysis for user…

flitzrrr/frontend-design-skills