Browse the full skills directory.浏览完整技能目录。
Filter by query, category, scenario, platform, and risk signals with server-side catalog results.按关键词、品类、场景、平台和风险信号筛选；URL 参数会直接下推到目录 API。
43 results
Community-indexed skills are not individually editor-curated; review risk signals, source, and maintenance before install.
ckm:design
ckm:design: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.
ckm:brand
ckm:brand: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit
typeui-cli
Guide for agentic tools to use the typeui.sh CLI for generating, updating, listing, and pulling design system skill file
agentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
web design guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
web design guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
frontend design review
Review and create distinctive, production-grade frontend interfaces with high design quality and design system complian…
nothing design
This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or direct…
ckm:design system
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component),…
figma code connect components
Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect"…
ckm:ui styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS uti…
figma generate library
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variable…
figma generate design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layou…
figma create design system rules
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generat…
tool design
tool design: agent skill — from muratcankoylan/Agent-Skills-for-Context-Engineering.
ui design system
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive…
shadcn ui
shadcn ui: agent skill — from google-labs-code/stitch-skills.
tailwind css patterns
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexb…
web design engineer
web design engineer: agent skill — from ConardLi/garden-skills.
design md
design md: agent skill — from google-labs-code/stitch-skills.
muapi ui design
Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and de…
mermaid visualizer
Transform text content into professional Mermaid diagrams for presentations and documentation. Use when users ask to vi…
ui styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS uti…
frontend ui dark ts
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion a…
design system starter
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentatio…
icon designer
Design with a legendary fashion icon — Coco Chanel, Alexander McQueen, Giorgio Armani, Valentino Garavani, Christian Di…
emil design eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible de…
gpt image 2
面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染…
gpt-image-2-style-library
Choose GPT-Image2 / gpt-image-2 visual styles and industrial prompt templates from the awesome-gpt-image-2 style library
moai-design-system
Unified design system specialist integrating Intent-First design craft, UI/UX foundations (accessibility, design tokens,
better-icons
Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs
design-critique
Agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery. 91 skills a…
core-components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the compon
architecture-diagram
Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, i
gpt-image-2
面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染好
excalidraw-diagram
Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, archite
archimate
Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA mo
baseline-ui
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patte
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, an
emil-design-eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible det
logo-generator
Generate professional SVG logos and high-end showcase images. Use when the user wants to: (1) Create a logo or icon for
aesthetic
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs