n8n:content-design
> You are a Senior Content Designer specializing in SaaS tools.
⌘K Publish Designer
Posters, cards, prototypes · 391 skills
Filter and sort391 results
n8n:design-system
Guidelines on using Design System styles and components.
Agent Development
This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use des…
content-writer
Writes marketing copy for landing pages, emails, and social media posts.
ux-designer
| You are a senior UX Designer with deep expertise in user-centered design, research methodologies, information architecture, and interactio…
visualization-expert
| You are an expert in data visualization and effective visual communication of data insights.
skill-writer
Guide users through creating Agent Skills for Claude Code.
antd-test-review
一、只判断测试用例是否合理，不负责创建或补充测试。
brand-writer
Write clear, developer-first copy for Zed — leading with facts, grounded in craft.
brand-writer
Write clear, developer-first copy for Zed — leading with facts, grounded in craft.
design-guide
> Paperclip's UI is a professional-grade control plane — dense, keyboard-driven, dark-themed by default.
frontend-ui-ux
Designer-turned-developer who crafts stunning UI/UX even without design mockups You are a designer who learned to code.
presentation-styling
Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation CSS classes and HTML patterns used in presentat…
agent-adaptive-coordinator
Agent skill for adaptive-coordinator - invoke with $agent-adaptive-coordinator name: adaptive-coordinator type: coordinator color: "#9C27B0"…
agent-agent
Agent skill for agent - invoke with $agent-agent name: sublinear-goal-planner description: "Goal-Oriented Action Planning (GOAP) specialist…
agent-agentic-payments
Agent skill for agentic-payments - invoke with $agent-agentic-payments name: agentic-payments description: Multi-agent payment authorization…
agent-analyze-code-quality
Agent skill for analyze-code-quality - invoke with $agent-analyze-code-quality name: "code-analyzer" description: "Advanced code quality ana…
agent-app-store
Agent skill for app-store - invoke with $agent-app-store name: flow-nexus-app-store description: Application marketplace and template manage…
agent-arch-system-design
Agent skill for arch-system-design - invoke with $agent-arch-system-design name: "system-architect" description: "Expert agent for system ar…
agent-architecture
Agent skill for architecture - invoke with $agent-architecture name: architecture description: SPARC Architecture phase specialist for syste…
agent-authentication
Agent skill for authentication - invoke with $agent-authentication name: flow-nexus-auth description: Flow Nexus authentication and user man…
agent-automation-smart-agent
Agent skill for automation-smart-agent - invoke with $agent-automation-smart-agent name: smart-agent type: automation description: Intellige…
agent-byzantine-coordinator
Agent skill for byzantine-coordinator - invoke with $agent-byzantine-coordinator name: byzantine-coordinator type: coordinator color: "#9C27…
agent-challenges
Agent skill for challenges - invoke with $agent-challenges name: flow-nexus-challenges description: Coding challenges and gamification speci…
agent-code-analyzer
Agent skill for code-analyzer - invoke with $agent-code-analyzer description: "Advanced code quality analysis agent for comprehensive code r…
agent-code-review-swarm
Agent skill for code-review-swarm - invoke with $agent-code-review-swarm name: code-review-swarm description: Deploy specialized AI agents t…
agent-coder
Agent skill for coder - invoke with $agent-coder color: "#FF6B35" description: Implementation specialist for writing clean, efficient code e…
agent-collective-intelligence-coordinator
Agent skill for collective-intelligence-coordinator - invoke with $agent-collective-intelligence-coordinator name: collective-intelligence-c…
agent-consensus-coordinator
Agent skill for consensus-coordinator - invoke with $agent-consensus-coordinator name: consensus-coordinator description: Distributed consen…
agent-coordinator-swarm-init
Agent skill for coordinator-swarm-init - invoke with $agent-coordinator-swarm-init name: swarm-init type: coordination description: Swarm in…
agent-crdt-synchronizer
Agent skill for crdt-synchronizer - invoke with $agent-crdt-synchronizer name: crdt-synchronizer type: synchronizer color: "#4CAF50" descrip…
agent-data-ml-model
Agent skill for data-ml-model - invoke with $agent-data-ml-model name: "ml-developer" description: "Specialized agent for machine learning m…
agent-dev-backend-api
Agent skill for dev-backend-api - invoke with $agent-dev-backend-api name: "backend-dev" description: "Specialized agent for backend API dev…
agent-docs-api-openapi
Agent skill for docs-api-openapi - invoke with $agent-docs-api-openapi name: "api-docs" description: "Expert agent for creating and maintain…
agent-github-modes
Agent skill for github-modes - invoke with $agent-github-modes name: github-modes description: Comprehensive GitHub integration modes for wo…
agent-github-pr-manager
Agent skill for github-pr-manager - invoke with $agent-github-pr-manager name: pr-manager type: development description: Complete pull reque…
agent-goal-planner
Agent skill for goal-planner - invoke with $agent-goal-planner name: goal-planner description: "Goal-Oriented Action Planning (GOAP) special…
agent-gossip-coordinator
Agent skill for gossip-coordinator - invoke with $agent-gossip-coordinator name: gossip-coordinator type: coordinator color: "#FF9800" descr…
agent-hierarchical-coordinator
Agent skill for hierarchical-coordinator - invoke with $agent-hierarchical-coordinator name: hierarchical-coordinator type: coordinator colo…
agent-implementer-sparc-coder
Agent skill for implementer-sparc-coder - invoke with $agent-implementer-sparc-coder name: sparc-coder type: development description: Transf…
agent-issue-tracker
Agent skill for issue-tracker - invoke with $agent-issue-tracker name: issue-tracker description: Intelligent issue management and project c…
agent-matrix-optimizer
Agent skill for matrix-optimizer - invoke with $agent-matrix-optimizer Use when you need to analyze matrix properties, optimize matrix opera…
agent-memory-coordinator
Agent skill for memory-coordinator - invoke with $agent-memory-coordinator name: memory-coordinator type: coordination description: Manage p…
agent-mesh-coordinator
Agent skill for mesh-coordinator - invoke with $agent-mesh-coordinator name: mesh-coordinator type: coordinator color: "#00BCD4" description…
agent-migration-plan
Agent skill for migration-plan - invoke with $agent-migration-plan name: migration-planner description: Comprehensive migration plan for con…
agent-multi-repo-swarm
Agent skill for multi-repo-swarm - invoke with $agent-multi-repo-swarm name: multi-repo-swarm description: Cross-repository swarm orchestrat…
agent-neural-network
Agent skill for neural-network - invoke with $agent-neural-network name: flow-nexus-neural description: Neural network training and deployme…
agent-ops-cicd-github
Agent skill for ops-cicd-github - invoke with $agent-ops-cicd-github name: "cicd-engineer" description: "Specialized agent for GitHub Action…
agent-orchestrator-task
Agent skill for orchestrator-task - invoke with $agent-orchestrator-task name: task-orchestrator type: orchestration description: Central co…
agent-pagerank-analyzer
Agent skill for pagerank-analyzer - invoke with $agent-pagerank-analyzer name: pagerank-analyzer description: Expert agent for graph analysi…
agent-payments
Agent skill for payments - invoke with $agent-payments name: flow-nexus-payments description: Credit management and billing specialist.
agent-performance-analyzer
Agent skill for performance-analyzer - invoke with $agent-performance-analyzer name: perf-analyzer description: Performance bottleneck analy…
agent-performance-benchmarker
Agent skill for performance-benchmarker - invoke with $agent-performance-benchmarker name: performance-benchmarker color: "#607D8B" descript…
agent-performance-optimizer
Agent skill for performance-optimizer - invoke with $agent-performance-optimizer name: performance-optimizer description: System performance…
agent-planner
Agent skill for planner - invoke with $agent-planner type: coordinator color: "#4ECDC4" description: Strategic planning and task orchestrati…
agent-pr-manager
Agent skill for pr-manager - invoke with $agent-pr-manager name: pr-manager description: Comprehensive pull request management with swarm co…
agent-production-validator
Agent skill for production-validator - invoke with $agent-production-validator name: production-validator color: "#4CAF50" description: Prod…
agent-project-board-sync
Agent skill for project-board-sync - invoke with $agent-project-board-sync name: project-board-sync description: Synchronize AI swarms with…
agent-pseudocode
Agent skill for pseudocode - invoke with $agent-pseudocode name: pseudocode description: SPARC Pseudocode phase specialist for algorithm des…
agent-queen-coordinator
Agent skill for queen-coordinator - invoke with $agent-queen-coordinator name: queen-coordinator description: The sovereign orchestrator of…
agent-quorum-manager
Agent skill for quorum-manager - invoke with $agent-quorum-manager name: quorum-manager type: coordinator color: "#673AB7" description: Impl…
agent-raft-manager
Agent skill for raft-manager - invoke with $agent-raft-manager name: raft-manager type: coordinator color: "#2196F3" description: Manages Ra…
agent-refinement
Agent skill for refinement - invoke with $agent-refinement name: refinement description: SPARC Refinement phase specialist for iterative imp…
agent-release-manager
Agent skill for release-manager - invoke with $agent-release-manager name: release-manager description: Automated release coordination and d…
agent-release-swarm
Agent skill for release-swarm - invoke with $agent-release-swarm name: release-swarm description: Orchestrate complex software releases usin…
agent-repo-architect
Agent skill for repo-architect - invoke with $agent-repo-architect name: repo-architect description: Repository structure optimization and m…
agent-researcher
Agent skill for researcher - invoke with $agent-researcher name: researcher color: "#9B59B6" description: Deep research and information gath…
agent-reviewer
Agent skill for reviewer - invoke with $agent-reviewer color: "#E74C3C" description: Code review and quality assurance specialist priority:…
agent-safla-neural
Agent skill for safla-neural - invoke with $agent-safla-neural name: safla-neural description: "Self-Aware Feedback Loop Algorithm (SAFLA) n…
agent-sandbox
Agent skill for sandbox - invoke with $agent-sandbox name: flow-nexus-sandbox description: E2B sandbox deployment and management specialist.
agent-scout-explorer
Agent skill for scout-explorer - invoke with $agent-scout-explorer name: scout-explorer description: Information reconnaissance specialist t…
agent-security-manager
Agent skill for security-manager - invoke with $agent-security-manager name: security-manager color: "#F44336" description: Implements compr…
agent-sparc-coordinator
Agent skill for sparc-coordinator - invoke with $agent-sparc-coordinator name: sparc-coord type: coordination description: SPARC methodology…
agent-spec-mobile-react-native
Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native name: "mobile-dev" description: "Expert agent for Rea…
agent-specification
Agent skill for specification - invoke with $agent-specification name: specification description: SPARC Specification phase specialist for r…
agent-swarm
Agent skill for swarm - invoke with $agent-swarm name: flow-nexus-swarm description: AI swarm orchestration and management specialist.
agent-swarm-issue
Agent skill for swarm-issue - invoke with $agent-swarm-issue name: swarm-issue description: GitHub issue-based swarm coordination agent that…
agent-swarm-memory-manager
Agent skill for swarm-memory-manager - invoke with $agent-swarm-memory-manager name: swarm-memory-manager description: Manages distributed m…
agent-swarm-pr
Agent skill for swarm-pr - invoke with $agent-swarm-pr description: Pull request swarm management agent that coordinates multi-agent code re…
agent-sync-coordinator
Agent skill for sync-coordinator - invoke with $agent-sync-coordinator name: sync-coordinator description: Multi-repository synchronization…
agent-tdd-london-swarm
Agent skill for tdd-london-swarm - invoke with $agent-tdd-london-swarm name: tdd-london-swarm color: "#E91E63" description: TDD London Schoo…
agent-tester
Agent skill for tester - invoke with $agent-tester color: "#F39C12" description: Comprehensive testing and quality assurance specialist echo…
agent-trading-predictor
Agent skill for trading-predictor - invoke with $agent-trading-predictor name: trading-predictor description: Advanced financial trading age…
agent-user-tools
Agent skill for user-tools - invoke with $agent-user-tools name: flow-nexus-user-tools description: User management and system utilities spe…
agent-v3-integration-architect
Agent skill for v3-integration-architect - invoke with $agent-v3-integration-architect name: v3-integration-architect version: "3.0.0-alpha"…
agent-v3-memory-specialist
Agent skill for v3-memory-specialist - invoke with $agent-v3-memory-specialist name: v3-memory-specialist version: "3.0.0-alpha" updated: "2…
agent-v3-performance-engineer
Agent skill for v3-performance-engineer - invoke with $agent-v3-performance-engineer name: v3-performance-engineer version: "3.0.0-alpha" up…
agent-v3-queen-coordinator
Agent skill for v3-queen-coordinator - invoke with $agent-v3-queen-coordinator name: v3-queen-coordinator version: "3.0.0-alpha" updated: "2…
agent-v3-security-architect
Agent skill for v3-security-architect - invoke with $agent-v3-security-architect name: v3-security-architect version: "3.0.0-alpha" updated:…
agent-worker-specialist
Agent skill for worker-specialist - invoke with $agent-worker-specialist name: worker-specialist description: Dedicated task execution speci…
agent-workflow
Agent skill for workflow - invoke with $agent-workflow name: flow-nexus-workflow description: Event-driven workflow automation specialist.
agent-workflow-automation
Agent skill for workflow-automation - invoke with $agent-workflow-automation name: workflow-automation description: GitHub Actions workflow…
bmad-agent-ux-designer
UX designer and UI specialist.
discourse-screenshots
Capture screenshots of the local Discourse site across the two core themes (Foundation, Horizon) and color modes (light, dark).
react-component-documentation
Create or update component documentation in Sentry's MDX stories format.
architecture-patterns
Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design.
design-system-patterns
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.
dotnet-backend-patterns
Master C#/.NET backend development patterns for building robust APIs, MCP servers, and enterprise applications.
interaction-design
Design and implement microinteractions, motion design, transitions, and user feedback patterns.
kpi-dashboard-design
Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns.
langchain-architecture
Design LLM applications using LangChain 1.x and LangGraph for agents, memory, and tool integration.
mobile-android-design
Master Material Design 3 and Jetpack Compose patterns for building native Android apps.
mobile-ios-design
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps.
postgresql-table-design
Use this skill when designing or reviewing a PostgreSQL-specific schema.
python-design-patterns
Python design patterns including KISS, Separation of Concerns, Single Responsibility, and composition over inheritance.
react-native-design
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development.
responsive-design
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies.
sql-optimization-patterns
Master SQL query optimization, indexing strategies, and EXPLAIN analysis to dramatically improve database performance and eliminate slow que…
tailwind-design-system
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.
visual-design-foundations
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.
agent-browser
Browser automation CLI for AI agents.
impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, e…
impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, e…
xlsx-author
Produce a .xlsx file on disk (headless) instead of driving a live Excel workbook — for managed-agent sessions with no open Office app.
deep-research
Universal deep research tool — a domain-agnostic 13-agent team for rigorous academic research on any topic.
agent-development
This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use des…
agent-evaluation-framework
Workflow for evaluating and refining agent debugging capabilities using designated test cases and Swarm principles.
hyperframes
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFr…
grill-me
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.
diagram-generation
Generate self-contained HTML architecture diagrams.
accessibility-review
Run a WCAG 2.1 AA accessibility audit on a design or page.
data-visualization
Create effective data visualizations with Python (matplotlib, seaborn, plotly).
system-design
Design systems, services, and architectures.
egg
本技能帮助根据用户意图和任务类型确定使用哪个专用的 EGG 技能。EGG 文档组织为两个主要领域： 询问：用户是在询问构建块/框架内部 OR 实现特定接口？
transferring-video-styles
Converts live-action videos into artistic styles (comic, anime, 3D cartoon) using AI-powered style transfer.
css-expert
CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques A front-end layout specialist with deep command of…
interview-prep
Technical interview preparation expert for algorithms, system design, and behavioral questions A seasoned engineering hiring manager and int…
presentation
Presentation expert for slide structure, storytelling, visual design, and audience engagement A communication strategist with extensive expe…
nature-paper2ppt
This skill is split into two layers: Do not try to apply the deck-building logic from memory or from this router.
nature-paper2ppt
Build a complete but efficient Nature-style Chinese PPTX presentation from a scientific paper, preprint, PDF, article text, abstract, figure…
agent-workflow-designer
Design production-grade multi-agent workflows with clear pattern choice (sequential, parallel, hierarchical), handoff contracts, failure han…
videocaptioner
Process video subtitles — transcribe speech, optimize/translate text, burn styled subtitles into video.
android-native-dev
Android native application development and UI design guide.
ppt-orchestra-skill
Plan and orchestrate multi-slide PowerPoint creation from scratch.
pptx-generator
Generate, edit, and read PowerPoint presentations.
architecture-designer
Use when designing new high-level system architecture, reviewing existing designs, or making architectural decisions.
game-developer
Use when building game systems, implementing Unity/Unreal Engine features, or optimizing game performance.
data-analysis
Analyze, explore, clean, and visualize datasets with statistical rigor.
ui-ux-pro-max
UI/UX design intelligence.
web-design-engineer
Build polished visual web artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and…
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.
nuxt-ui
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.
gen-docs
node scripts/doc_generator.js <模块路径> 自动生成的 README.md 包含： 自动生成的 DESIGN.md 包含：; runs on Node.js.
skill-architect
Expert guide for designing and building high-quality skills from scratch through structured conversation.
drawio
Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, cla…
agent-identifier
Use when creating or configuring Claude Code agents and their frontmatter.
agentation-self-driving
Autonomous design critique mode using the Agentation annotation toolbar.
skill-forge
Create high-quality, production-grade skills for Claude Code.
skill-design-lineage
Persist design documents with branch tracking, revision chains, and cross-session discovery Persist design documents from brainstorming and…
skill-extract
Reverse-engineer design systems, tokens, and components from live products or screenshots The extract skill provides comprehensive reverse-e…
excalidraw-diagram
Create Excalidraw diagram JSON files that make visual arguments.
muapi-floor-plan-rendering
Design a 2D floor plan and convert it into a realistic, high-quality 3D architectural rendering.
muapi-interior-design
Create professional interior design visualizations — redesign existing rooms, generate new room concepts, or visualize specific furniture st…
muapi-interior-design-visualizer
Visualize interior design by generating an empty room and filling it with stylish furniture and decor, or by redesigning an existing room.
frontend
Frontend standards for atopile extension webviews: architecture, contracts, design system, and testing workflow.
planning
Spec-driven planning for complex design tasks: when to plan, how to write specs as .ato files, and how to verify against requirements.
darwin-skill
autoresearch 的精髓： 与纯结构审查的区别：不只看 SKILL.md 写得规不规范，更看改完后实际跑出来的效果是否更好。
qiaomu-mondo-poster-design
Generate AI image prompts AND create actual designs in Mondo's distinctive alternative aesthetic - known for limited-edition screen-printed…
bpmn
Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons.
uml
Create UML diagrams using PlantUML syntax.
huashu-design
你是一位用HTML工作的设计师，不是程序员。用户是你的manager，你产出深思熟虑、做工精良的设计作品。
skill-writer
Guide users through creating Agent Skills for Claude Code.
bug-bounty
Full pipeline: Recon -> Learn -> Hunt -> Validate -> Report.
ctf-web
Provides web exploitation techniques for CTF challenges.
supabase-postgres-best-practices
Postgres performance optimization and best practices from Supabase.
emil-design-eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make softw…
skillshare-ui-website-style
>- Enforce the skillshare design system across the two frontends.
skill-designer
Design new Claude skills from structured idea specifications.
presentation-deck
Structure compelling design presentations for stakeholders, reviews, and showcases.
SVG Diagram Generation
Generating rich inline SVG diagrams to visually explain systems, processes, architectures, and abstract concepts.
graphic-designer
> When this skill triggers, go straight to Step 1.
e-commerce
Navigate e-commerce sites to extract products, pricing, categories, and inventory.
skill-finder
Helps users discover and install agent skills from the open skills ecosystem (skills.sh).
skills-planner
Plan which skills are needed to fulfill user requirements.
storytelling
Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.
powerpoint
PowerPoint slide deck generation and management using python-pptx with YAML-driven content and styling - Brought to you by microsoft/hve-cor…
aris-pixel-art
Create a pixel art SVG illustration: $ARGUMENTS Keep it simple — 3-5 colors per character: Row 0 (hair top): 4 pixels centered Row 1 (hair):…
teaching-lesson-plan
Design a structured lesson plan for any subject, audience, or format.
huashu-design
像顶级设计企业那样理解需求，推荐设计哲学方向，生成AI提示词，并进行专家级评审。
landing-page-guide-v2
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality.
ai-image-generator
Generate AI images using Gemini or GPT APIs directly.
superpowers-brainstorm
Produces a structured brainstorm: goals, constraints, risks, options, recommendation, and acceptance criteria.
ppt-agent
| Step | Subagent 类型 | 职责 | 产物 | 主 agent 行为边界 | |------|--------------|------|------|------------------| | P2A | ResearchSynth | 联网检索 + 素材整理…
huashu-md-html
| 用户说什么 | 走哪个能力 | 用什么工具 | |------|------|------| | 「把这个PDF/DOCX/PPTX/XLSX/EPUB/图片/音频转成md」「import文档」 | 能力1：万物→md | scripts/anytomd.py（封装 mark…
anthropic-frontend-design
Create distinctive, production-grade frontend interfaces with high design quality.
prd-doc-writer
你是一个顶级的、以开发者为中心的产品经理和需求工程师。但更重要的，你是用户的“伙伴”(Partner/搭子)。你的工作方式绝不是单向输出，而是通过持续的提问、沟通和阶段性确认，与用户共同构建PRD。每一步关键进展都必须获得用户的明确认可。
prd-test-writer
你是以开发者为中心的产品经理 + 需求/测试工程师，更是用户的伙伴。工作方式绝不单向输出，而是通过提问、复述、阶段性单点确认与用户共同构建 PRD 和测试用例。每一步关键进展必须获得用户明确认可。
liquid-glass-design
实现 Apple 灵动玻璃（Liquid Glass）的设计模式 — 这是一种动态材质，可以模糊背后的内容，反射周围内容的颜色和光影，并对触摸和指针交互做出反应。涵盖了 SwiftUI、UIKit 和 WidgetKit 的集成。
Skill Management
Design, inspect, create, and update Hone skills using the Claude Code-style runtime contract.
skillcraft
Create, design, and package Clawdbot skills.
skill-workbench-mermaid-guard
你是 Skills 工作台中专门负责 Mermaid 流程图质量的默认技能。你的职责不是解释 Mermaid，而是把目标 Skill 的工作流稳定整理成一个可写入 FLOWCHART.md 的彩色总览流程图；
dashboard-creator
Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations.
branding
When the user wants to define, audit, or apply brand strategy—purpose, values, positioning, storytelling, voice, narrative (not only visuals…
kicad
>- Use when the user says things like "compare designs", "what changed", "diff my schematic", "show changes from main", or "diff base vs hea…
Geek-skills-ppt-designer
基于设计最佳实践，创建精美、专业、具有视觉冲击力的演示文稿。
skill-consult
Route design consultations to domain-specific design partner agents Thin wrapper that routes design consultation requests to domain-specific…
skill-epi-research
Research skill for epidemiology study design and analysis planning.
skill-epidemiology-research
Research skill for epidemiology and study design Routes epidemiology research tasks to epidemiology-research-agent.
skill-slides
Research talk material synthesis, design-aware planning, and presentation assembly.
blazor
Build and review Blazor applications across server, WebAssembly, web app, and hybrid scenarios with correct component design, state flow, re…
winforms
Build, maintain, or modernize Windows Forms applications with practical guidance on designer-driven UI, event handling, data binding, MVP se…
clinical-trial-protocol-skill
Generate clinical trial protocols for medical devices or drugs.
design
Design the solution and write a technical specification based on requirements analysis.
atris-design
Frontend aesthetics policy.
git-diff
Display git changes in GitHub-style unified diff format with colored terminal output.
help
Assess system state and suggest what needs attention.
schemas
YAML frontmatter schemas for Claude Code agents and commands.
screen
import React from 'react'; import { StyleSheet, View, Text } from 'react-native'; import { StatusBar } from 'expo-status-bar';
ui-check
Use Playwright MCP to check UI styles and usability.
skill-producer
Use when producing design artifacts.Works with Claude Code, Cursor, Cline and 23 more.
skill_design
Create the Visual Interface for audio plugins.
ui-prototype
你的目标是跳过繁琐的文档定义，直接基于需求文档 (1需求文档.md)，使用 HTML + Tailwind CSS (CDN) 生成可视化的、独立的**高保真原型文件。
qualitative-research-guide
Design and conduct qualitative research using grounded theory and case studies A skill for designing and conducting rigorous qualitative res…
skill-writer
Guide users through creating Agent Skills for Claude Code.
skill-studio
Interview-driven automation design tool.
skills
Skill management - create, validate, and improve Claude Code skills START(["/skills"]) --> NEED{"What do you need?"} NEED -->|New skill| WOR…
skills:retrospective
End-of-session review to identify improvements, skill gaps, and refactoring opportunities START(["/skills:retrospective"]) --> P1["Phase 1:…
skills:validate
Validate skill files meet the standard format and naming conventions Skills operate on either sandbox (safe) or management (requires approva…
skillshare-ui-website-style
>- Enforce the skillshare design system across the two frontends.
mudblazor-theming
Apply consistent Material Design UI theming in Egroo using MudBlazor.
website-builder-setup
Install the full AI website builder stack — UI/UX Pro Max, Framer Motion animations, and 21st.dev components.
fronted-design
Works with Claude Code, Cursor, Cline and 23 more.
ui-design
基于Step 1确立的设计方向定义Token，每个Token选择须有设计意图: 若 {INSTRUCTION_FILE} 设计工具 为 penpot，调用 penpot-sync 将token同步到Penpot项目和 tokens.css 从PRD功能需求推导页面和组件需求:
website-design-system
>- Rules and patterns for the Envilder website's pure CSS design system.
cad-skill
Generate interior design planning artifacts, 2D SVG floorplans, BOM outputs, analysis boards, and renovation image sets from structured requ…
by-design-workflow
Instead, it answers four questions before any GPU compute is committed: This skill encodes the canonical decision tree, the modality → tool…
pxdesign
You are an expert at designing de novo protein binders using PXDesign.
academic-research
一套完整的學術研究 Skill 套件，涵蓋從論文閱讀到撰寫、審稿的完整研究流程。支援 Claude Code、ChatGPT/Codex CLI、Gemini CLI。
photoshop-expert
You are a senior digital imaging professional with 10+ years of Adobe Photoshop expertise.
solidworks-expert
You are a senior mechanical engineer with 10+ years of SolidWorks experience in product design, tooling, and manufacturing.
ui-ux-pro-max
UI/UX design intelligence.
ui-ux-pro-max
UI/UX design intelligence.
microsoft-word
>- This skill helps AI agents create and manipulate Word documents programmatically.
plutonium-ui
Use BEFORE building or customizing any Plutonium UI — page classes, forms, displays, tables, custom Phlex components, layouts, Stimulus cont…
grill-me
Clarify ambiguous or conflicting requests by researching first, then exhaustively interrogating assumptions, constraints, dependencies, trad…
postgresql
PostgreSQL Table Design workflow skill.
design-rules
Design phase rules for /designer command.
bootstrap-auto
[Implementation] Bootstrap a new project automatically <user-requirements>$ARGUMENTS</user-requirements> Follow strictly these following ste…
canvas
Spawn interactive terminal TUI components (calendars, documents, flight bookings) with real-time IPC communication.
adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms.
clarify
Improve unclear UX copy, error messages, microcopy, labels, and instructions.
erne-plan
ERNE — Design feature architecture using the architect agent You are executing the /erne-plan command.
angular-spa
Angular 21.x SPA development skill with TailwindCSS 4.x and daisyUI 5.5.5.
front-end-design
Create distinctive, production-grade frontend interfaces with high design quality.
ppt-design
Design presentation slides, infographic pages, and PPT-style visuals as 1600x900 HTML slides with optional PPT export.
slot-machine
Use when a well-specified task has meaningful design choices and you want to maximize quality by comparing multiple independent attempts.
solidworks-cad
Automate parametric pump impeller design in SolidWorks via API This skill provides guidance for automating parametric pump impeller design a…
am-agent-typescript-developer
Build type-safe applications with advanced TypeScript features, generics, and strict type checking.
resume-helper
帮助用户完成简历相关的全套工作：写简历，改简历、导出PDF、准备面试问答。Works with Claude Code, Cursor, Cline and 23 more.
canvas-design
Use when "creating posters", "visual art", "design philosophy", "PDF art", "PNG design", or asking about "abstract art", "visual design", "m…
ps-advanced
Photoshop advanced techniques and reference: wind direction master table (drips down, flames up, streaks left/right with canvas rotation), f…
ps-blend-modes
Photoshop blend mode science with math formulas: darken group (darken, multiply, color burn, linear burn), lighten group (lighten, screen, c…
ps-photo-effects
Photoshop background and photo effect recipes: bokeh background, gradient mesh, light leak/flare, cyberpunk/synthwave grading, retro/vintage…
ps-text-effects
19 verified Photoshop text effect recipes with exact parameters: liquid drip/melting, chrome/metallic, neon glow, glass/frosted, fire/flame,…
ps-tool-catalog
Complete catalog of all 323 dedicated Photoshop MCP tools across 36 categories: document operations, layer operations, layer masks, text, se…
functional-cohesion-components
Guide frontend component design and code review using functional cohesion.
accessibility-auditor
Audit interfaces for accessibility issues across semantics, keyboard use, focus management, color contrast, labels, and announcements.
api-contract-builder
Design and document API contracts including routes, request and response schemas, validation rules, error envelopes, auth expectations, nami…
community-manager-assistant
Draft community replies, announcements, and moderation actions in an on-brand tone.
design-system-enforcer
Review UI changes against spacing, typography, tokens, component usage, and design-system constraints.
e2e-test-scenario-designer
Design realistic end-to-end test scenarios from product flows, state transitions, and critical user journeys.
feature-flag-rollout-planner
Design staged feature-flag rollouts, guardrails, monitoring, and rollback logic for risky product changes.
figma-to-code
Convert Figma designs to pixel-perfect, responsive code.
manufacturing-test-plan-writer
Design factory, bench, or end-of-line validation procedures for hardware products.
agent-creator
Expert guidance for creating effective Claude Code agents (subagents).
agent-design-best-practices
Best practices for designing Claude Code agent files (.claude/agents/*.md).
agent-factory
Claude Code agent generation system that creates custom agents and sub-agents with enhanced YAML frontmatter, tool access patterns, and MCP…
ai-agent-architect
Use when designing, building, or debugging LLM-based agent systems — tool use, function calling, multi-agent orchestration, memory, RAG, eva…
ai-agent-design
> Use when this capability is needed.
ai-agent-sdd
Write a professional Software Design Document (SDD) for an AI agent or AI-powered product before writing code.
ai-saas-redesign
End-to-end workflow for redesigning a SaaS or AI product landing page and building an interactive AI agent UX flow.
analyzing-machine-learning-in-investing
Evaluates ML applications in investment with feature engineering, model selection, and implementation considerations for alpha generation.
api-design
Design stable, compatible public APIs using extend-only design principles.
arcan-glass
BroomVA trademark web styling system — Arcan Glass design language for Next.js + Tailwind v4 + shadcn/ui projects.
architecture-design
Use when building, extracting, reviewing, rendering, validating, or looking up ArchiMate® or UML® dediren packages, SVG/OEF/XMI evidence, dr…
award_winning_designer
The 'Awwwards Singularity' - Transforms websites into breathtaking digital experiences through cinematic motion, 3D graphics, and avant-gard…
award-winning-designer
The 'Awwwards Singularity' - Transforms websites into breathtaking Use when the user request matches this skill's domain and capabilities.
axiom-accessibility
Use when fixing or auditing ANY accessibility issue — VoiceOver, Dynamic Type, color contrast, touch targets, WCAG compliance, App Store acc…
axiom-accessibility
Use when fixing or auditing ANY accessibility issue — VoiceOver, Dynamic Type, color contrast, touch targets, WCAG compliance, App Store acc…
axiom-accessibility
Use when fixing or auditing ANY accessibility issue — VoiceOver, Dynamic Type, color contrast, touch targets, WCAG compliance, App Store acc…
axiom-design
Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and authe…
axiom-design
Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and authe…
axiom-design
Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and authe…
axiom-graphics
Use when working with ANY GPU rendering, Metal, OpenGL migration, shaders, 3D content, RealityKit, AR, USD/USDZ files, or display performanc…
axiom-graphics
Use when working with ANY GPU rendering, Metal, OpenGL migration, shaders, 3D content, RealityKit, AR, USD/USDZ files, or display performanc…
axiom-graphics
Use when working with ANY GPU rendering, Metal, OpenGL migration, shaders, 3D content, RealityKit, AR, USD/USDZ files, or display performanc…
axiom-vision
Use when implementing ANY computer vision feature — image analysis, pose detection, person segmentation, subject lifting, text recognition,…
axiom-vision
Use when implementing ANY computer vision feature — image analysis, pose detection, person segmentation, subject lifting, text recognition,…
axiom-vision
Use when implementing ANY computer vision feature — image analysis, pose detection, person segmentation, subject lifting, text recognition,…
banner-design
Design banners for social media, ads, website heroes, creative assets, and print.
banner-design
Design banners for social media, ads, website heroes, creative assets, and print.
baoyu-article-illustrator
Analyze articles, identify illustration positions, generate images with Type × Style × Palette consistency.
baoyu-comic
Create original knowledge comics with flexible art style × tone combinations.
baoyu-compress-image
Compresses images to WebP (default) or PNG with automatic tool selection.
baoyu-cover-image
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles.
baoyu-diagram
Create professional SVG diagrams across multiple diagram types.
baoyu-post-to-wechat
When this skill prompts the user, follow this tool-selection rule (priority order): Concrete AskUserQuestion references below are examples —…
baoyu-youtube-transcript
Downloads transcripts (subtitles/captions) from YouTube videos.
brand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency.
brand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency.
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy.
circuit-design
Analytical circuit design and simulation — voltage dividers, RC/RL/RLC filters, power calculations, impedance analysis, transfer functions.
cli-design
Unix-composable CLI design patterns.
codex-image-gallery
Start or reuse a self-contained local web gallery for browsing Codex-generated images.
content-creator
Create SEO-optimized marketing content with consistent brand voice.
csharp-nullable-reference-types
Guidelines for introducing and using nullable reference types (NRT) and System.Diagnostics.CodeAnalysis nullable attributes in C# / .NET cod…
dashboard_design
You are a specialized dashboard designer with expertise in data visualization, real-time interfaces, and business intelligence displays.
database-review
**Database Design & SQL Review**: Expert guide for schema design, database migrations, query optimization, indexing strategy, and database p…
database-sql
Design database schemas, write efficient SQL queries, create migrations, and optimize database performance.
design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (5…
design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (5…
design-consultation
Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, la…
design-html
Design finalization: generates production-quality Pretext-native HTML/CSS.
design-shotgun
Design shotgun: generate multiple AI design variants, open a comparison board, collect structured feedback, and iterate.
design-style-picker
Batch-generate and compare visual design directions so a user can choose the style they actually want.
design-system
Token architecture, component specifications, and slide generation.
design-system
Token architecture, component specifications, and slide generation.
design-system-builder
Generates the full visual language (color palette, typography, spacing grid, elevation, interactive states) for a website based on a chosen…
diagram
Turn an English description (or mermaid source) into a diagram triplet: the source, an editable .excalidraw file you can open on excalidraw.…
diagramming-code
> Generates Mermaid diagrams from Trailmark's code graph.
django-admin
Django admin customization patterns for Nudge.
django-celery
Django + Celery async task patterns — configuration, task design, beat scheduling, retries, canvas workflows, monitoring, and testing.
django-patterns
Django architecture patterns, REST API design with DRF, ORM best practices, caching, signals, middleware, and production-grade Django apps.
doc-to-markdown
Convert documents to high-quality markdown with intelligent multi-tool orchestration and automatic DOCX post-processing.
documentation-writer
Diátaxis Documentation Expert with brand voice guidance.
domain-driven-design
Domain-Driven Design patterns for TypeScript.
emil-design-engineering
Design engineering principles and patterns for building polished, accessible web interfaces.
flai
Install and use FlAI AI chat components in Flutter projects.
flight-controls
Design and simulate control systems — transfer functions, PID controllers, Bode plots, root locus, stability analysis, state-space modeling.
flutter
Flutter/Dart coding rules for this project — style, file size, and test coverage.
flutter-icon
Generates or updates Flutter app icons correctly for Android adaptive icons and iOS full-bleed.
forge-engineering
Run a complete engineering project through Forge's 8-phase autonomous pipeline.
frontend_design
You are an expert frontend/UI/UX designer with deep knowledge of modern design principles, accessibility standards, and responsive design pa…
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
frontend-design
Builds distinctive, production-grade UIs that avoid generic AI aesthetics.
frontend-visual-qa
>- Audit the interface the user can actually see.
golang-pro
Implements concurrent Go patterns using goroutines and channels, designs and builds microservices with gRPC or REST, optimizes Go applicatio…
google-agents-cli-scaffold
> Use when this capability is needed.
gstack-openclaw-office-hours
Use when asked to brainstorm, evaluate whether an idea is worth building, run office hours, or think through a new product idea or design di…
hs-init-project
Bootstrap Codex-oriented repository structure for both brand-new and already-existing projects.
kubernetes-etcd-kubernetes-analyze
Assess the security posture of Kubernetes etcd clusters by evaluating encryption at rest, TLS configuration, access controls, backup encrypt…
kubernetes-manager
Kubernetes cluster management skill.
kubernetes-native
> Use when this capability is needed.
llm-icon-finder
Finding and accessing AI/LLM model brand icons from lobe-icons library.
machine-learning
Expert ML engineer specializing in MLOps, ML platform design, distributed training, model optimization, and production ML systems.
machine-learning-ops-ml-pipeline
Design and implement a complete ML pipeline for: $ARGUMENTS Use when this capability is needed.
mcp-builder
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-design…
modern-csharp-coding-standards
Write modern, high-performance C# code using records, pattern matching, value objects, async/await, Span<T>/Memory<T>, and best-practice API…
n8n-cli-from-mcp
Convert an MCP server or Claude Code skill into an n8n workflow.
nestjs-stack
NestJS-specific implementation patterns for DDD, Hexagonal Architecture, and CQRS.
nostr-sdks-update
>- Use when this capability is needed.
opentelemetry-net-instrumentation
Provides guidance for implementing OpenTelemetry instrumentation in .NET codebases, covering tracing (Activities/Spans), metrics, logs, nami…
optimizely-frontend-component
Conventions for building accessible, RTL-ready, modular layout/UI components in this Next.js 16 + React 19 + Tailwind 4 + Headless UI 2 code…
pdf-creator
Convert markdown files to professional PDF documents with proper Chinese font support, theme system, and visual self-check.
pdf-to-html
Turn a PDF into a single, self-contained, readable HTML file — images, tables, charts and reading order preserved — and optionally translate…
photo-to-scanned-pdf
>- Two related pipelines, same destination look, different starting point: phone photos of paper documents, or a digital document that needs…
postgresql
PostgreSQL database documentation - SQL queries, database design, administration, performance tuning, and advanced features.
ppt-master
AI-driven multi-format SVG content generation system for presentations, social media graphics, and marketing materials.
prototype
Build a throwaway prototype to answer a design question.
pytest-api
When the user wants to design, implement, debug, or scale Python API tests using pytest + requests/httpx.
refactor
| Use when this capability is needed.
repo-guidance-sync
Keep repository documentation, AGENTS.md, and contributor/test guidance aligned with code, design, and product changes.
responsive_web_design
Mobile-first responsive design with modern CSS Grid, Flexbox, and accessibility You are an expert responsive web designer who creates mobile…
responsive-web-design
Mobile-first responsive design with modern CSS Grid, Flexbox, and accessibility Use when the user request matches this skill's domain and ca…
scrape
Pull data from a web page.
senior-architect
Comprehensive software architecture skill for designing scalable, maintainable systems across web, mobile, and backend stacks (React, Next.j…
Shopify Operations
This skill provides comprehensive Shopify store management capabilities through the Shopify Admin GraphQL API.
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack.
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack.
slides
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
slides
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
sp-coding-agent
Use when a coding task is vague or under-specified.
spec-to-code-compliance
Check code against the documentation that specifies it - which requirements hold, which the code contradicts, which are absent, and what the…
terminal-screenshot
> Render the colored output of a terminal command into a PNG image, then read that image to judge the result visually.
test-driven-development
Use when implementing any feature or bugfix, before writing implementation code Write the test first.
theme-factory
Toolkit for styling artifacts with a theme.
tool-fabricator
When no existing engineering tool fits the problem, the fabricator creates a new one from scratch.
twitter-reader
Fetch Twitter/X post content including long-form Articles with full images and metadata.
type-design-performance
Design .NET types for performance.
ui-designer
Extract design systems from reference UI images and generate implementation-ready UI design prompts.
ui-mobile
Mobile UI patterns - React Native, iOS/Android, touch targets Use when this capability is needed.
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, a…
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, a…
ui-to-vue
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus,…
ui-ux-pro-max
UI/UX design intelligence for web, mobile, and desktop.
universal-skills-marketplace
Use when building, designing, extending, or consuming the ClaudOpenAI unofficial cross-ecosystem skills marketplace — a Context7-pattern MCP…
usmds
Use when building React Native mobile apps with the U.S.
veda-ui-system
World-class UI для Veda на Untitled UI React v8.
website_design
You are a professional web designer and developer who creates complete, production-ready websites from concept to deployment.
wps-doc-scraper
Archive WPS/KDocs public documents with source fidelity.