Search

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

#

Skill

Source

Installs

frontend-design-system Compatibility alias for `design-system`. Use when an existing workflow, setup script, or user explicitly asks for `fr…

akillness/jeo-skills

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

jamesrochabrun/skills

frontend-design-pro Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexel…

claudekit/frontend-design-pro-demo

frontend-design-review Review and create distinctive, production-grade frontend interfaces with high design quality and design system compli…

microsoft/skills

frontend-design-principles Use when building or reviewing frontend UI — dashboards, admin panels, landing pages, marketing sites, web apps.

joshuadavidthomas/agent-skills

frontend-design-audit Evaluate and improve the usability of existing front-end interfaces — either local source code or live websites by UR…

mistyhx/frontend-design-audit

frontend-design-systems Workflow for generating production-quality frontend interfaces using React, Tailwind CSS, and shadcn/ui with strong f…

composio-community/opencode-skills

frontend-design-pro Design, build, review, and polish production frontend and mobile interfaces with distinctive visual direction, search…

pgraeff/frontend-design-pro-agent-skill

frontend-design-philosophy Design thinking principles for distinctive interfaces. Covers aesthetic direction, anti-patterns, and avoiding generi…

majesticlabs-dev/majestic-marketplace

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

bilalmk/todo_correct

frontend-designer Build and audit React, Tailwind, shadcn/ui interfaces. Scaffold, create components/pages, theme, refactor, verify ren…

wyattowalsh/agents

frontend-design-codex Use when Codex is building, revising, or reviewing a frontend UI, web app screen, responsive layout, component surfac…

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

blockmatic/basilic-skills

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

aaaaqwq/agi-super-team

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

frontend-design-saas S-tier SaaS dashboard and product UI reference. Use this skill when building application shells, data tables, setting…

cloudflare/vibesdk

frontend-design-landing-page Marketing landing page and conversion-focused product page reference. Use this skill when building hero sections, fea…

cloudflare/vibesdk

frontend-design-patterns Enterprise React architecture combining DDD and FSD patterns. Use when (1) designing or structuring React application…

mineru98/skills-store

frontend-design-system Produce production-grade UI designs using clear design tokens, layout rules, motion guidance, and accessibility check…

akillness/oh-my-gods

frontend-design-pro Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexel…

the1studio/theone-training-skills

frontend-design-pro Wrapper skill that composes design guardrail skills with the frontend-design-ultimate generation workflow. Supports f…

kesslerio/frontend-design-pro

frontend-design-systems Systematic approach to building consistent, maintainable frontend UI components with design systems and component lib…

organvm-iv-taxis/a-i--skills

frontend-design-principles Create polished, intentional frontend interfaces. Use this skill when building any UI — dashboards, admin panels, lan…

cachemoney/agent-toolkit

frontend-design-pro 前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业，避免常见设计反模式。参考 impeccable 项目的设计语言规范，提供…

bighardperson/computer-science-skills-collection

frontend-design-complete Create distinctive, production-grade frontend interfaces with high design quality.

nhatmobile1/claude-skills

frontend-design-extractor Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction …

bighardperson/computer-science-skills-collection

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

skillatlas/skills

frontend-design-review Design principles and review methodology for UI/UX work. Use when building new interfaces, reviewing visual changes, …

app-builders-club/mvp-builder

frontend-design-2010s Create web interfaces with an authentic early-2010s aesthetic. Use this skill when the user wants a 2010s-era, Web 2.…

mikemai2awesome/agent-skills

frontend-design-2 Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or…

sundial-org/awesome-openclaw-skills

frontend-design-enhanced Design and implement distinctive, production-ready frontend interfaces for the web. Use when building, redesigning, o…

skillatlas/skills

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

zaaakher/agent-skills

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

udecode/better-convex

frontend-design-extractor Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction …

sundial-org/awesome-openclaw-skills

frontend-design-skill Create production-grade frontend interfaces following the Dynamous brand system. Use when building web components, pa…

coleam00/obsidian-voice-agent

frontend-design-engineer Art Director + Senior Frontend Engineer that autonomously builds complete websites, landing pages, and web frontends …

angelapaia/frontend-design-engineer-skill

frontend-design-masterclass Builds distinctive frontend UI with SvelteKit/Bun/Hono. Triggers on: web pages, dashboards, landing pages, apps, arti…

aaaronmiller/frontend-design-masterclass

frontend-design-improvements-loop Run repeatable single-track frontend-design benchmark loops for this repo.

waishnav/self-improvement-frontend-design-skill-loop-for-codex

frontend-design-pro Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexel…

wpgaurav/wordpress-skills

frontend-design-director Build, redesign, review, polish, and QA frontend UI/UX, React/Next/Vite components, landing pages, dashboards, forms,…

yappologistic/frontend-god

frontend-design-guidelines Apply high-quality web interface design rules when building, reviewing, or styling frontend code. Use when the user s…

sendaifun/solana-new

frontend-design-review Review and create distinctive frontend interfaces — design system compliance, three quality pillars (Frictionless, Qu…

fabioc-aloha/alex_skill_mall

frontend-design-system Produce production-grade UI designs using clear design tokens, layout rules, motion guidance, and accessibility check…

neversight/learn-skills.dev

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

btraut/skills-external

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

frontend_design_expert 构建现代化的 UI/UX 设计，编写 Flutter/React 组件，?

smithery/cyangzhou

frontend-design-kr 창의적이고 ?

smithery/gdm0714

frontend-design-philosophy Design thinking principles for distinctive interfaces. Covers aesthetic direction, anti-patterns, and avoiding generi…

smithery/majesticlabs-dev

frontend-design-pro Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexel…

smithery/claudekit

frontend-design-skill Create production-grade frontend interfaces following the Dynamous brand system.

smithery/coleam00