n8n 内容 设计
> You are a Senior Content Designer specializing in SaaS tools.
算法艺术、AI 生图 · 246 个 Skill
> You are a Senior Content Designer specializing in SaaS tools.
Guidelines on using Design System styles and components.
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…
Writes marketing copy for landing pages, emails, and social media posts.
| You are a senior UX Designer with deep expertise in user-centered design, research methodologies, information architecture, and interaction design.
Guide users through creating Agent Skills for Claude Code.
审查 ant-design 测试用例是否值得保留。
Write clear, developer-first copy for Zed — leading with facts, grounded in craft.
Write clear, developer-first copy for Zed — leading with facts, grounded in craft.
> Paperclip's UI is a professional-grade control plane — dense, keyboard-driven, dark-themed by default.
Designer-turned-developer who crafts stunning UI/UX even without design mockups You are a designer who learned to code.
Agent skill for arch-system-design - invoke with $agent-arch-system-design name: "system-architect" description: "Expert agent for system architecture design, patterns, and high-level technical decisions" type: "architecture" version: "1.0.0"
Agent skill for pseudocode - invoke with $agent-pseudocode name: pseudocode description: SPARC Pseudocode phase specialist for algorithm des…
UX designer and UI specialist.
Capture screenshots of the local Discourse site across the two core themes (Foundation, Horizon) and color modes (light, dark).
Create or update component documentation in Sentry's MDX stories format.
Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design.
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.
Master C#/.NET backend development patterns for building robust APIs, MCP servers, and enterprise applications.
Design and implement microinteractions, motion design, transitions, and user feedback patterns.
Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns.
Design LLM applications using LangChain 1.x and LangGraph for agents, memory, and tool integration.
Master Material Design 3 and Jetpack Compose patterns for building native Android apps.
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps.
Use this skill when designing or reviewing a PostgreSQL-specific schema.
Python design patterns including KISS, Separation of Concerns, Single Responsibility, and composition over inheritance.
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development.
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies.
Master SQL query optimization, indexing strategies, and EXPLAIN analysis to dramatically improve database performance and eliminate slow queries.
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.
Browser automation CLI for AI agents.
When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers.
Universal deep research tool — a domain-agnostic 13-agent team for rigorous academic research on any topic.
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…
Workflow for evaluating and refining agent debugging capabilities using designated test cases and Swarm principles.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.
Create effective data visualizations with Python (matplotlib, seaborn, plotly).
Design systems, services, and architectures.
CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques A front-end layout specialist with deep command of modern CSS, from flexbox and grid to container queries and cascade layers.
Technical interview preparation expert for algorithms, system design, and behavioral questions A seasoned engineering hiring manager and interview coach with deep experience across algorithm challenges, system design rounds, and behavioral assessments at top technology companies.
Presentation expert for slide structure, storytelling, visual design, and audience engagement A communication strategist with extensive experience crafting executive presentations, technical talks, and pitch decks.
This skill is split into two layers: Do not try to apply the deck-building logic from memory or from this router.
Build a complete but efficient Nature-style Chinese PPTX presentation from a scientific paper, preprint, PDF, article text, abstract, figure legends, or reading notes.
Design production-grade multi-agent workflows with clear pattern choice (sequential, parallel, hierarchical), handoff contracts, failure handling, and cost/context controls.
Android native application development and UI design guide.
Use when designing new high-level system architecture, reviewing existing designs, or making architectural decisions.
Use when building game systems, implementing Unity/Unreal Engine features, or optimizing game performance.
Generates optimized prompts for AI tools.
Analyze, explore, clean, and visualize datasets with statistical rigor.
UI/UX design intelligence.
Build polished visual web artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.
Meta Ads deep analysis covering Facebook, Instagram, and Threads advertising in the Andromeda + GEM + Lattice era.
文档生成器。
Expert guide for designing and building high-quality skills from scratch through structured conversation.
Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF.
Autonomous design critique mode using the Agentation annotation toolbar.
Create high-quality, production-grade skills for Claude Code.
Persist design documents with branch tracking, revision chains, and cross-session discovery Persist design documents from brainstorming and planning sessions with branch tracking, revision chains, and cross-session discoverability.
Reverse-engineer design systems, tokens, and components from live products or screenshots The extract skill provides comprehensive reverse-engineering capabilities for design systems and product architectures.
Design a 2D floor plan and convert it into a realistic, high-quality 3D architectural rendering.
Create professional interior design visualizations — redesign existing rooms, generate new room concepts, or visualize specific furniture st…
Visualize interior design by generating an empty room and filling it with stylish furniture and decor, or by redesigning an existing room.
Frontend standards for atopile extension webviews: architecture, contracts, design system, and testing workflow.
Spec-driven planning for complex design tasks: when to plan, how to write specs as .ato files, and how to verify against requirements.
autoresearch 的精髓: 与纯结构审查的区别:不只看 SKILL.md 写得规不规范,更看改完后实际跑出来的效果是否更好。
一句话生成大师级海报、书籍封面、专辑封面和各类设计作品。
花叔Design(Huashu-Design)——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索、设计方向顾问与专家评审。
Guide users through creating Agent Skills for Claude Code.
Postgres performance optimization and best practices from Supabase.
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Design new Claude skills from structured idea specifications.
Structure compelling design presentations for stakeholders, reviews, and showcases.
> When this skill triggers, go straight to Step 1.
Plan which skills are needed to fulfill user requirements.
Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.
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):…
Design a structured lesson plan for any subject, audience, or format.
设计哲学顾问,从20种风格中推荐3个方向并生成视觉Demo和AI提示词。
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality.
Generate AI images using Gemini or GPT APIs directly.
Produces a structured brainstorm: goals, constraints, risks, options, recommendation, and acceptance criteria.
专业 PPT 演示文稿全流程 AI 生成助手。
花叔的「md/html/docx 多向流水线」skill,四个能力 + 两种模式:(1) 用Microsoft markitdown把任意文件(PDF/DOCX/PPTX/XLSX/HTML/图片/音频/YouTube/EPub/ZIP)转成干净的md;
Create distinctive, production-grade frontend interfaces with high design quality.
iOS 26 灵动玻璃(Liquid Glass)设计系统 — 适用于 SwiftUI、UIKit 和 WidgetKit 的具有模糊、反射和交互式变形效果的动态玻璃材质。
Design, inspect, create, and update Hone skills using the Claude Code-style runtime contract.
Create, design, and package Clawdbot skills.
Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI.
专业PPT设计与制作skill,基于设计最佳实践创建精美、专业的演示文稿。
Route design consultations to domain-specific design partner agents Thin wrapper that routes design consultation requests to domain-specific design partner agents.
Research skill for epidemiology study design and analysis planning.
Research skill for epidemiology and study design Routes epidemiology research tasks to epidemiology-research-agent.
Research talk material synthesis, design-aware planning, and presentation assembly.
Build and review Blazor applications across server, WebAssembly, web app, and hybrid scenarios with correct component design, state flow, rendering, and hosting choices.
Build, maintain, or modernize Windows Forms applications with practical guidance on designer-driven UI, event handling, data binding, MVP separation, and migration to modern .NET.
Generate clinical trial protocols for medical devices or drugs.
Design the solution and write a technical specification based on requirements analysis.
Assess system state and suggest what needs attention.
Use when producing design artifacts.
Create the Visual Interface for audio plugins.
Design and conduct qualitative research using grounded theory and case studies A skill for designing and conducting rigorous qualitative research.
Guide users through creating Agent Skills for Claude Code.
Interview-driven automation design tool.
Apply consistent Material Design UI theming in Egroo using MudBlazor.
当需要设计或实现高质量前端页面/组件(Web UI、美化、落地页、控制台)时使用。
UI设计 — 页面布局、组件规范、交互流程、组件目录维护。
>- Rules and patterns for the Envilder website's pure CSS design system.
Generate interior design planning artifacts, 2D SVG floorplans, BOM outputs, analysis boards, and renovation image sets from structured requirements.
Instead, it answers four questions before any GPU compute is committed: This skill encodes the canonical decision tree, the modality → tool…
You are an expert at designing de novo protein binders using PXDesign.
一套完整的學術研究 Skill 套件,涵蓋從論文閱讀到撰寫、審稿的完整研究流程。
You are a senior digital imaging professional with 10+ years of Adobe Photoshop expertise.
You are a senior mechanical engineer with 10+ years of SolidWorks experience in product design, tooling, and manufacturing.
UI/UX design intelligence.
UI/UX design intelligence.
Use BEFORE building or customizing any Plutonium UI — page classes, forms, displays, tables, custom Phlex components, layouts, Stimulus cont…
Clarify ambiguous or conflicting requests by researching first, then exhaustively interrogating assumptions, constraints, dependencies, trade-offs, edge cases, and failure modes before planning or implementation.
PostgreSQL Table Design workflow skill.
Design phase rules for /designer command.
Spawn interactive terminal TUI components (calendars, documents, flight bookings) with real-time IPC communication.
Local-first AI agent with personality.
Adapt designs to work across different screen sizes, devices, contexts, or platforms.
Improve unclear UX copy, error messages, microcopy, labels, and instructions.
ERNE — Design feature architecture using the architect agent You are executing the /erne-plan command.
Angular 21.x SPA development skill with TailwindCSS 4.x and daisyUI 5.5.5.
Create distinctive, production-grade frontend interfaces with high design quality.
Design presentation slides, infographic pages, and PPT-style visuals as 1600x900 HTML slides with optional PPT export.
Use when a well-specified task has meaningful design choices and you want to maximize quality by comparing multiple independent attempts.
Automate parametric pump impeller design in SolidWorks via API This skill provides guidance for automating parametric pump impeller design and other mechanical component modeling using the SolidWorks API.
Build type-safe applications with advanced TypeScript features, generics, and strict type checking.
Use when "creating posters", "visual art", "design philosophy", "PDF art", "PNG design", or asking about "abstract art", "visual design", "museum-quality graphics" <!-- Adapted from: awesome-claude-skills/canvas-design --> Create beautiful visual art in PDF and PNG documents using design philosophy principles.
Photoshop advanced techniques and reference: wind direction master table (drips down, flames up, streaks left/right with canvas rotation), f…
Photoshop blend mode science with math formulas: darken group (darken, multiply, color burn, linear burn), lighten group (lighten, screen, color dodge, linear dodge), contrast group (overlay, soft light, hard light, vivid light), component group (hue, saturation, color, luminosity).
Photoshop background and photo effect recipes: bokeh background, gradient mesh, light leak/flare, cyberpunk/synthwave grading, retro/vintage grading with faded blacks, duotone, double exposure, vignette, color pop, HDR effect, miniature/tilt-shift, skin retouching/frequency separation, day to night.
19 verified Photoshop text effect recipes with exact parameters: liquid drip/melting, chrome/metallic, neon glow, glass/frosted, fire/flame, ice/frozen, gold/luxury, holographic/iridescent, glitch, emboss/letterpress, outline/stroke, 3D extrude, watercolor, smoke, retro/vintage, gradient fill, lava/molten, liquid gaussian+wave+liquify, liquid bevel+emboss stacking.
Complete catalog of all 323 dedicated Photoshop MCP tools across 36 categories: document operations, layer operations, layer masks, text, se…
Guide frontend component design and code review using functional cohesion.
Design and document API contracts including routes, request and response schemas, validation rules, error envelopes, auth expectations, naming conventions, and examples.
Draft community replies, announcements, and moderation actions in an on-brand tone.
Review UI changes against spacing, typography, tokens, component usage, and design-system constraints.
Design realistic end-to-end test scenarios from product flows, state transitions, and critical user journeys.
Design staged feature-flag rollouts, guardrails, monitoring, and rollback logic for risky product changes.
Convert Figma designs to pixel-perfect, responsive code.
Design factory, bench, or end-of-line validation procedures for hardware products.
Expert guidance for creating effective Claude Code agents (subagents).
Best practices for designing Claude Code agent files (.claude/agents/*.md).
Use when designing, building, or debugging LLM-based agent systems — tool use, function calling, multi-agent orchestration, memory, RAG, eva…
> Use when this capability is needed.
Write a professional Software Design Document (SDD) for an AI agent or AI-powered product before writing code.
End-to-end workflow for redesigning a SaaS or AI product landing page and building an interactive AI agent UX flow.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.
Evaluates ML applications in investment with feature engineering, model selection, and implementation considerations for alpha generation.
Design stable, compatible public APIs using extend-only design principles.
BroomVA trademark web styling system — Arcan Glass design language for Next.js + Tailwind v4 + shadcn/ui projects.
Use when building, extracting, reviewing, rendering, validating, or looking up ArchiMate® or UML® dediren packages, SVG/OEF/XMI evidence, dr…
The 'Awwwards Singularity' - Transforms websites into breathtaking digital experiences through cinematic motion, 3D graphics, and avant-garde typography.
The 'Awwwards Singularity' - Transforms websites into breathtaking Use when the user request matches this skill's domain and capabilities.
Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and authentication flows.
Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and authentication flows.
Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and authentication flows.
Use when implementing ANY computer vision feature — image analysis, pose detection, person segmentation, subject lifting, text recognition,…
Use when implementing ANY computer vision feature — image analysis, pose detection, person segmentation, subject lifting, text recognition,…
Use when implementing ANY computer vision feature — image analysis, pose detection, person segmentation, subject lifting, text recognition,…
Design banners for social media, ads, website heroes, creative assets, and print.
Design banners for social media, ads, website heroes, creative assets, and print.
Analyze articles, identify illustration positions, generate images with Type × Style × Palette consistency.
Create original knowledge comics with flexible art style × tone combinations.
Compresses images to WebP (default) or PNG with automatic tool selection.
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles.
Create professional SVG diagrams across multiple diagram types.
When this skill prompts the user, follow this tool-selection rule (priority order): Concrete AskUserQuestion references below are examples —…
Downloads transcripts (subtitles/captions) from YouTube videos.
Brand voice, visual identity, messaging frameworks, asset management, brand consistency.
Brand voice, visual identity, messaging frameworks, asset management, brand consistency.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.
Create beautiful visual art in .png and .pdf documents using design philosophy.
Analytical circuit design and simulation — voltage dividers, RC/RL/RLC filters, power calculations, impedance analysis, transfer functions.
Unix-composable CLI design patterns.
Start or reuse a self-contained local web gallery for browsing Codex-generated images.
Create SEO-optimized marketing content with consistent brand voice.
Guidelines for introducing and using nullable reference types (NRT) and System.Diagnostics.CodeAnalysis nullable attributes in C# / .NET codebases.
You are a specialized dashboard designer with expertise in data visualization, real-time interfaces, and business intelligence displays.
**Database Design & SQL Review**: Expert guide for schema design, database migrations, query optimization, indexing strategy, and database performance.
Design database schemas, write efficient SQL queries, create migrations, and optimize database performance.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (5…
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (5…
understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview...
Design finalization: generates production-quality Pretext-native HTML/CSS.
generate multiple AI design variants, open a comparison board, collect structured feedback, and iterate.
Batch-generate and compare visual design directions so a user can choose the style they actually want.
Token architecture, component specifications, and slide generation.
Token architecture, component specifications, and slide generation.
Generates the full visual language (color palette, typography, spacing grid, elevation, interactive states) for a website based on a chosen mood.
Turn an English description (or mermaid source) into a diagram triplet: the source, an editable .excalidraw file you can open on excalidraw.com, and rendered SVG + PNG.
Django admin customization patterns for Nudge.
Django + Celery async task patterns — configuration, task design, beat scheduling, retries, canvas workflows, monitoring, and testing.
Django architecture patterns, REST API design with DRF, ORM best practices, caching, signals, middleware, and production-grade Django apps.
Convert documents to high-quality markdown with intelligent multi-tool orchestration and automatic DOCX post-processing.
Diátaxis Documentation Expert with brand voice guidance.
Domain-Driven Design patterns for TypeScript.
Design engineering principles and patterns for building polished, accessible web interfaces.
Design and simulate control systems — transfer functions, PID controllers, Bode plots, root locus, stability analysis, state-space modeling.
Generates or updates Flutter app icons correctly for Android adaptive icons and iOS full-bleed.
Run a complete engineering project through Forge's 8-phase autonomous pipeline.
You are an expert frontend/UI/UX designer with deep knowledge of modern design principles, accessibility standards, and responsive design patterns.
产出有设计感、能直接上线的前端界面,不只是「能跑」。
Builds distinctive, production-grade UIs that avoid generic AI aesthetics.
Implements concurrent Go patterns using goroutines and channels, designs and builds microservices with gRPC or REST, optimizes Go application performance with pprof, and enforces idiomatic Go with generics, interfaces, and robust error handling.
Use when asked to brainstorm, evaluate whether an idea is worth building, run office hours, or think through a new product idea or design direction before any code is written.
Bootstrap Codex-oriented repository structure for both brand-new and already-existing projects.
Jujutsu (jj) is a powerful Git-compatible version control system that reimagines VCS workflows with automatic rebasing, first-class conflict tracking, and operation-log undo.
Expert ML engineer specializing in MLOps, ML platform design, distributed training, model optimization, and production ML systems.
Design and implement a complete ML pipeline for: $ARGUMENTS Use when this capability is needed.
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools.
Write modern, high-performance C# code using records, pattern matching, value objects, async/await, Span<T>/Memory<T>, and best-practice API design patterns.
NestJS-specific implementation patterns for DDD, Hexagonal Architecture, and CQRS.
>- Use when this capability is needed.
Provides guidance for implementing OpenTelemetry instrumentation in .NET codebases, covering tracing (Activities/Spans), metrics, logs, naming conventions, error handling, performance, SDK setup, resources, context propagation, and API design best practices.
Conventions for building accessible, RTL-ready, modular layout/UI components in this Next.js 16 + React 19 + Tailwind 4 + Headless UI 2 codebase.
Convert markdown files to professional PDF documents with proper Chinese font support, theme system, and visual self-check.
Turn a PDF into a single, self-contained, readable HTML file — images, tables, charts and reading order preserved — and optionally translate…
PostgreSQL database documentation - SQL queries, database design, administration, performance tuning, and advanced features.
When the user wants to design, implement, debug, or scale Python API tests using pytest + requests/httpx.
Keep repository documentation, AGENTS.md, and contributor/test guidance aligned with code, design, and product changes.
Mobile-first responsive design with modern CSS Grid, Flexbox, and accessibility You are an expert responsive web designer who creates mobile-first, cross-device compatible interfaces.
Mobile-first responsive design with modern CSS Grid, Flexbox, and accessibility Use when the user request matches this skill's domain and capabilities.
Set up Rust quality gates (cargo check/build, clippy, rustfmt, dead code, unused deps via cargo-machete, doc build, tests) in any Rust repo, wired through `prek` (pre-commit reimagined) with a `check.sh` orchestrator underneath.
Comprehensive software architecture skill for designing scalable, maintainable systems across web, mobile, and backend stacks (React, Next.js, Node/Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python).
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Use when a coding task is vague or under-specified.
Check code against the documentation that specifies it - which requirements hold, which the code contradicts, which are absent, and what the code does that no document mentions.
Toolkit for styling artifacts with a theme.
When no existing engineering tool fits the problem, the fabricator creates a new one from scratch.
Fetch Twitter/X post content including long-form Articles with full images and metadata.
Design .NET types for performance.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.
UI/UX design intelligence for web, mobile, and desktop.
Use when building, designing, extending, or consuming the ClaudOpenAI unofficial cross-ecosystem skills marketplace — a Context7-pattern MCP…
Use when building React Native mobile apps with the U.S.
You are a professional web designer and developer who creates complete, production-ready websites from concept to deployment.
Archive WPS/KDocs public documents with source fidelity.