n8n:content-design
> You are a Senior Content Designer specializing in SaaS tools.
⌘K Publish Generative art
Algorithmic art, AI imagery · 227 skills
Filter and sort227 results
n8n:design-system
Guidelines on using Design System styles and components.
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.
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.
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
theme-factory
Toolkit for styling artifacts with a theme.
design-an-interface
Generate multiple radically different interface designs for a module using parallel sub-agents.
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…
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.
diagram
Turn an English description (or mermaid source) into a diagram triplet: the source, an editable .excalidraw file you can open (gstack) Use w…
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…
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.
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-pseudocode
Agent skill for pseudocode - invoke with $agent-pseudocode name: pseudocode description: SPARC Pseudocode phase specialist for algorithm des…
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.
ai-seo
When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers.
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.
grill-me
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.
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.
data-visualization
Create effective data visualizations with Python (matplotlib, seaborn, plotly).
system-design
Design systems, services, and architectures.
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…
android-native-dev
Android native application development and UI design guide.
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.
prompt-master
Generates optimized prompts for AI tools.
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…
nuxt-ui
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.
property-based-testing
Provides guidance for property-based testing across multiple languages and smart contracts.
ads-meta
Meta Ads deep analysis covering Facebook, Instagram, and Threads advertising in the Andromeda + GEM + Lattice era.
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…
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…
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…
huashu-design
你是一位用HTML工作的设计师，不是程序员。用户是你的manager，你产出深思熟虑、做工精良的设计作品。
skill-writer
Guide users through creating Agent Skills for Claude Code.
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…
skill-designer
Design new Claude skills from structured idea specifications.
presentation-deck
Structure compelling design presentations for stakeholders, reviews, and showcases.
graphic-designer
> When this skill triggers, go straight to Step 1.
doc-to-markdown
Convert documents to high-quality markdown with intelligent multi-tool orchestration and automatic DOCX post-processing.
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…
slides-creator
Narrative-first slide deck creation.
twitter-reader
Fetch Twitter/X post content including long-form Articles with full images and metadata.
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.
api-design
Design stable, compatible public APIs using extend-only design principles.
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…
OpenTelemetry-NET-Instrumentation
Provides guidance for implementing OpenTelemetry instrumentation in .NET codebases, covering tracing (Activities/Spans), metrics, naming con…
type-design-performance
Design .NET types for performance.
axiom-design
Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and authe…
axiom-vision
Use when implementing ANY computer vision feature — image analysis, pose detection, person segmentation, subject lifting, text recognition,…
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.
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.
ai-video-generation
Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI.
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.
help
Assess system state and suggest what needs attention.
skill-producer
Use when producing design artifacts.
skill_design
Create the Visual Interface for audio plugins.
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.
mudblazor-theming
Apply consistent Material Design UI theming in Egroo using MudBlazor.
fronted-design
.cursor/skills/fronted-design/SKILL.md 可配合： .cursor/skills/visual-design-foundations/SKILL.md 可配合： .cursor/skills/interaction-design/SKILL.m…
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.
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.
canvas
Spawn interactive terminal TUI components (calendars, documents, flight bookings) with real-time IPC communication.
gltch
Local-first AI agent with personality.
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.
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.
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).
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.
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.
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.
content-creator
Create SEO-optimized marketing content with consistent brand voice.
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-system-builder
Generates the full visual language (color palette, typography, spacing grid, elevation, interactive states) for a website based on a chosen…
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.
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.
flight-controls
Design and simulate control systems — transfer functions, PID controllers, Bode plots, root locus, stability analysis, state-space modeling.
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
Builds distinctive, production-grade UIs that avoid generic AI aesthetics.
golang-pro
Implements concurrent Go patterns using goroutines and channels, designs and builds microservices with gRPC or REST, optimizes Go applicatio…
hs-init-project
Bootstrap Codex-oriented repository structure for both brand-new and already-existing projects.
jujutsu-git-compatible-version-control-system
Jujutsu (jj) is a powerful Git-compatible version control system that reimagines VCS workflows with automatic rebasing, first-class conflict…
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…
nestjs-stack
NestJS-specific implementation patterns for DDD, Hexagonal Architecture, and CQRS.
nostr-sdks-update
>- Use when this capability is needed.
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…
postgresql
PostgreSQL database documentation - SQL queries, database design, administration, performance tuning, and advanced features.
pytest-api
When the user wants to design, implement, debug, or scale Python API tests using pytest + requests/httpx.
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…
rust-quality-gates
Set up Rust quality gates (cargo check/build, clippy, rustfmt, dead code, unused deps via cargo-machete, doc build, tests) in any Rust repo,…
senior-architect
Comprehensive software architecture skill for designing scalable, maintainable systems across web, mobile, and backend stacks (React, Next.j…
sp-coding-agent
Use when a coding task is vague or under-specified.
tool-fabricator
When no existing engineering tool fits the problem, the fabricator creates a new one from scratch.
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,…
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.
website_design
You are a professional web designer and developer who creates complete, production-ready websites from concept to deployment.