Browse the full skills directory.浏览完整技能目录。
Filter by query, category, scenario, platform, and risk signals with server-side catalog results.按关键词、品类、场景、平台和风险信号筛选；URL 参数会直接下推到目录 API。
63 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:banner design
ckm:banner design: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.
ckm:brand
ckm:brand: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.
algorithmic art
algorithmic art: agent skill — from anthropics/skills.
ian-handdrawn-ppt
Create final Chinese handdrawn technical article/PPT-style page images from articles, Markdown, PDFs, DOCX files, existi
ian-xiaohei-illustrations
生成 Ian 风格的中文正文配图。用于用户要求为中文文章、帖子、博客、Notion 文档、工作流文档、方法论、流程、结构、状态、隐喻或观点生成“怪诞”“小黑”“手绘”“正文配图”“文章插图”“配图建议”“shot list”“去标题/改图”
agentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
nothing design
This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or direct…
slack gif creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and ani…
baoyu article illustrator
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Pal…
infographic
Create template-based infographics with space-separated key-value syntax (NOT YAML). Best for KPI dashboards, timelines…
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"…
figma create new file
Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a…
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…
figma use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` dire…
tool design
tool design: agent skill — from muratcankoylan/Agent-Skills-for-Context-Engineering.
ux researcher designer
UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapp…
ui design system
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive…
visual explainer
Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when th…
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.
frontend dev
Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasiv…
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…
image
When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product…
emil design eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible de…
baoyu compress image
Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "opti…
baoyu cover image
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and…
baoyu comic
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed pan…
baoyu image gen
AI image generation with OpenAI GPT Image 2, Azure OpenAI, Google, OpenRouter, DashScope, Z.AI GLM-Image, MiniMax, Jime…
baoyu image cards
baoyu image cards: agent skill — from JimLiu/baoyu-skills.
gpt image 2
面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染…
muapi nano banana
Reasoning-driven image generation using structured creative briefs (Gemini 3 style) — generates high-fidelity images vi…
gpt image
Use this skill whenever a user asks to generate, create, draw, render, or edit images with GPT Image 2 / gpt-image-2, t…
pptx posters
Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitl…
screenshot optimization
When the user wants to design, optimize, or evaluate App Store screenshots and preview videos. Also use when the user m…
ljg card
Content caster (铸). Transforms content into PNG visuals. Seven molds: -l (default) long reading card, -i infograph, -m…
editorial fashion six
Six fixed 3:4 editorial fashion storyboard images from the same SKU's multi-angle white-background product photos. Cove…
imagegen
Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, tex…
hatch pet
Create, repair, validate, visually QA, and package Codex-compatible animated pets and pet spritesheets from character a…
baoyu danger gemini web
Generates images and text via reverse-engineered Gemini Web API. Supports text generation, image generation from prompt…
baoyu infographic
Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style…
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,
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
archimate
Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA mo
generate2dmap
Generate and revise production-oriented 2D game maps with built-in image generation as the default visual asset source,
accessibility-wcag
Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, screen readers, and testing
design-an-interface
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to d
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, an
aesthetic
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs
intelligent-prompt-generator
一个 Claude Code Skills 项目，通过12个专业领域Skills，基于Universal Elements Library（1246元素）和社区提示词语料库（675条 source prompts）生成高质量AI图像提示词。