Skills · Topic

Design

Every skill in Design — what it does, who published it, and the one command that installs it. Pick a tile below for install details, or follow the original listing to the author's repo.

402 entries.

• frontend-design — Frontend design patterns and visual polish guidance
• web-design-guidelines — Vercel's spacing, typography, interaction, and accessibility guidelines
• ui-ux-pro-max — Advanced UI/UX patterns for complex interfaces and interactions
• sleek-design-mobile-apps — Mobile-first design principles for iOS and Android interfaces
• canvas-design — Design generation and iteration in canvas-based environments
• polish — Final-pass visual refinement for spacing, type, and edges
• critique — Structured design critique with specific, actionable feedback
• bolder — Push a design toward stronger visual weight and presence
• delight — Micro-interactions and motion that make interfaces feel alive
• distill — Strip a design to essentials, removing noise and adding clarity
• quieter — Reduce visual noise for calm, focused interfaces
• extract-design-system — Extract tokens, components, and patterns from an existing codebase
• design-taste-frontend — Opinionated frontend taste with explicit visual reasoning
• high-end-visual-design — Premium aesthetic sensibility for luxury and editorial interfaces
• emil-design-eng — Motion, detail, and craftsmanship principles for design engineering
• web-artifacts-builder — Build interactive web artifacts with Claude
• brand-guidelines — Apply brand guidelines to generated content
• theme-factory — Generate themed design variations
• algorithmic-art — Create algorithmic and generative art
• slack-gif-creator — Create GIFs for Slack
• presentation-creator — Create presentations
• brand-guidelines — Apply brand guidelines
• ui-taste — Anti-slop UI taste playbooks for web and iOS from Uizze
• ai-video-generation — Generate AI videos
• ai-avatar-video — Generate AI avatar videos
• video-edit — Edit video with AI
• wan-3-0-prime-reference-to-video — Generate video from references with Wan 3.0
• hyperframes-cli — Build videos with the Hyperframes CLI
• hyperframes-registry — Browse the Hyperframes component registry
• hyperframes — Create videos with Hyperframes
• ai-image-generation — Generate AI images
• hyperframes-animation — Animate videos with Hyperframes
• general-video — Produce general videos with Hyperframes
• motion-graphics — Create motion graphics with Hyperframes
• faceless-explainer — Produce faceless explainer videos
• remotion-to-hyperframes — Port Remotion compositions to Hyperframes
• pr-to-video — Turn a pull request into a video
• redesign-existing-projects — Redesign existing projects with taste
• minimalist-ui — Design minimalist interfaces
• brandkit — Build a brand kit
• image-to-code — Convert images to code
• gpt-taste — Apply GPT design taste
• imagegen-frontend-web — Generate web frontend visuals
• industrial-brutalist-ui — Design industrial brutalist interfaces
• stitch-design-taste — Apply Stitch design taste
• design-taste-frontend-v1 — Frontend design taste (v1)
• emil-design-eng — Design engineering in Emil Kowalski style
• apple-design — Design in the Apple idiom
• review-animations — Review UI animations
• animation-vocabulary — Animation vocabulary for interfaces
• animate — Animate interfaces
• improve-animations — Improve existing animations
• find-animation-opportunities — Find animation opportunities in UI
• prototype — Prototype interfaces
• pick-ui-library — Pick a UI library
• ask-sonner — Guidance on Sonner toast notifications
• remotion-best-practices — Remotion best practices
• remotion-render — Render Remotion videos
• remotion-studio — Use Remotion Studio
• remotion-multimedia — Work with multimedia in Remotion
• remotion-docs — Remotion documentation helper
• remotion-interactivity — Add interactivity to Remotion videos
• impeccable — Impeccable design review
• figma — Import Figma designs to Hyperframes
• embedded-captions — Add embedded captions to video
• slideshow — Build slideshow videos
• music-to-video — Turn music into video
• talking-head-recut — Recut talking-head footage
• image-to-video — Turn images into video
• higgsfield-generate — Generate video with Higgsfield
• higgsfield-product-photoshoot — Shoot product photos with Higgsfield
• landing-page-design — Design landing pages
• byted-ark-seedream-skill — Generate images with Seedream
• html-slides — Build HTML slide decks
• unocss — Style with UnoCSS atomic CSS
• video-shotcraft — Craft video shots
• hyperframes-media — Manage Hyperframes media
• gsap — Animate with GSAP in Hyperframes
• waapi — Animate with WAAPI in Hyperframes
• tailwind — Style Hyperframes videos with Tailwind
• animejs — Animate with Anime.js in Hyperframes
• css-animations — Add CSS animations to Hyperframes videos
• lottie — Use Lottie animations in Hyperframes
• three — Add Three.js 3D to Hyperframes videos
• typegpu — GPU-accelerate Hyperframes visuals with TypeGPU
• website-to-hyperframes — Turn a website into a Hyperframes video
• nano-banana-pro — Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API.
• youtube-transcribe-skill — Extract subtitles/transcripts from a YouTube video URL and save as a local file. Use when you need to extract subtitles
• pdf-to-markdown — Convert entire PDF documents to clean, structured Markdown for full context loading.
• drawio-diagrams-enhanced — Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologie
• svg-precision — Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawi
• software-architecture — Guide for quality focused software architecture. This skill should be used when users want to write code, design archite
• comfyui-workflow-builder — Generates optimized ComfyUI workflows for image generation, editing, and enhancement. Creates JSON workflow files using
• planning-with-files — Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.md. Use wh
• markitdown — Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized
• unity-developer — Build Unity games with optimized C# scripts, efficient rendering, and proper asset management.
• tauri — Tauri path handling, cross-platform file operations, and API usage. Use when working with file paths in Tauri frontend c
• sequential-thinking — Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alterna
• research-paper-writer — Creates formal academic research papers following IEEE/ACM formatting standards with proper structure, citations, and sc
• video-downloader — Downloads videos from YouTube and other platforms for offline viewing, editing, or archival. Handles various formats and
• patent-search — Advanced prior art search using the PatentsView API. Use this skill when users need to search for patents, perform prior
• frontend-slides — Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.
• frontend-ui-ux — Designer-turned-developer who crafts stunning UI/UX even without design mockups
• motion-canvas — Complete production-ready guide for Motion Canvas with ESM/CommonJS workarounds, full setup templates, and troubleshooti
• html-to-ppt — Convert HTML/Markdown to PowerPoint presentations using Marp
• ppt-creator — Create professional slide decks from topics or documents. Generates structured content with data-driven charts, speaker
• api-design-principles — Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developer
• jira-expert — Atlassian Jira expert for creating and managing projects, planning, product discovery, JQL queries, workflows, custom fi
• architecture-patterns — Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven D
• solid-principles — Enforce SOLID principles (Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, Dependency Inv
• youtube-transcript — Download YouTube video transcripts when user provides a YouTube URL or asks to download/get/fetch a transcript from YouT
• excalidraw-architect — Create diagrams, flowcharts, and architecture visualizations using Excalidraw. Use when user requests "create diagram",
• radix-ui-design-system — Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and comp
• reportlab — "PDF generation toolkit. Create invoices, reports, certificates, forms, charts, tables, barcodes, QR codes, Canvas/Platy
• systematic-literature-review — 当用户需要做系统综述/文献综述/related work/相关工作/文献调研时使用：AI 自定检索词，多源检索→去重→AI 逐篇阅读并评分（1–10分语义相关性与子主题分组）→按高分优先比例选文→自动生成"综/述"字数预算（70% 引用段
• ffmpeg-cli — Comprehensive video/audio processing with FFmpeg. Use for: (1) Video transcoding and format conversion, (2) Cutting and
• nano-pdf — Edit PDFs with natural-language instructions using the nano-pdf CLI.
• market-research-reports — Generate comprehensive market research reports (50+ pages) in the style of top consulting firms (McKinsey, BCG, Gartner)
• seedream-image-gen — Generate images via Seedream API (doubao-seedream models). Synchronous generation.
• pptx-creator — Create professional PowerPoint presentations from outlines, data sources, or AI-generated content.
• d2-diagram-creator — D2 Diagram Creator - Auto-activating skill for Visual Content. Triggers on: d2 diagram creator, d2 diagram creator Part
• fluxui-development — Develops UIs with Flux UI Pro components. Activates when creating buttons, forms, modals, inputs, tables, charts, date p
• draw-io — draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS i
• ux-writing — Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messag
• beautiful-prose — Hard-edged writing style contract for timeless, forceful English prose without AI tics
• svg-icon-generator — Svg Icon Generator - Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg icon generator Part
• ui-ux-designer — Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern des
• zotero — Manage Zotero reference libraries via the Web API. Search, list, add items by DOI/ISBN/PMID (with duplicate detection),
• matplotlib — Foundational plotting library. Create line plots, scatter, bar, histograms, heatmaps, 3D, subplots, export PNG/PDF/SVG,
• image-upscaling — Upscale and enhance images with Real-ESRGAN, Thera, Topaz, FLUX Upscaler via inference.sh CLI.
• ui-design-system — UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive d
• web-development — Web frontend project development rules. Use this skill when developing web frontend pages, deploying static hosting, and
• graphql — GraphQL gives clients exactly the data they need - no more, no less.
• tailwind-best-practices — Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactor
• gdpr-data-handling — Implement GDPR-compliant data handling with consent management, data subject rights, and privacy by design. Use when bui
• pptx-posters — Create research posters using HTML/CSS that can be exported to PDF or PPTX.
• design-research — Conducts user experience research and analysis to inform design decisions.
• figma-use — Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images. Use when
• youtube-video-downloader — Download YouTube videos in various formats and qualities. Use when you need to save videos for offline viewing, extract
• memory-systems — Design short-term, long-term, and graph-based memory architectures
• zlibrary-to-notebooklm — 自动从 Z-Library 下载书籍并上传到 Google NotebookLM。支持 PDF/EPUB 格式，自动转换，一键创建知识库。
• pandoc-convert — Convert documents between 40+ formats using pandoc CLI. Handles Markdown ↔ Word ↔ PDF ↔ HTML ↔ LaTeX ↔ EPUB with smart d
• book-translation — Translate "The Interactive Book of Prompting" chapters and UI strings to a new language
• microcopy — UI copy and microcopy guidelines. Use when writing UI text, buttons, error messages, empty states, onboarding, or any us
• animation-gen — Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.
• design-lab — Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce
• enhance-prompt — Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects de
• visual-design-foundations — Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when
• pdf-form-filler — Fill PDF forms programmatically with text values and checkboxes.
• mineru-pdf — Parse PDFs locally (CPU) into Markdown/JSON using MinerU. Assumes MinerU creates per‑doc output folders; supports table/
• fal-image-edit — AI-powered image editing with style transfer and object removal
• senior-prompt-engineer — World-class prompt engineering skill for LLM optimization, prompt patterns, structured outputs, and AI product developme
• manim-composer — Trigger when: (1) User wants to create an educational/explainer video, (2) User has a vague concept they want visualized
• tlc-spec-driven — Project and feature planning with 4 phases - Specify, Design, Tasks, Implement+Validate.
• coo-advisor — Operations leadership for scaling companies. Process design, OKR execution, operational cadence, and scaling playbooks.
• quality-manager-qms-iso13485 — ISO 13485 Quality Management System implementation and maintenance for medical device organizations. Provides QMS design
• ux-decisions — AI skill for the Making UX Decisions framework (uxdecisions.com) by Tommy Geoco.
• job-application — Write tailored cover letters and job applications using your CV and preferred style
• speech-to-text — Transcribe video to timestamped text using Whisper tiny model (pre-installed).
• code-style — PHP coding standards and WordPress patterns for ActivityPub plugin. Use when writing PHP code, creating classes, impleme
• architecture-diagram-creator — Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architectur
• microservices-patterns — Design microservices architectures with service boundaries, event-driven communication, and resilience patterns. Use whe
• code-mentor — Comprehensive AI programming tutor for all levels. Teaches programming through interactive lessons, code review, debuggi
• automation-brainstorm — Interactive workflow design advisor for Power Automate, n8n, Make, Zapier and other platforms.
• openai-image-vision — Analyze images using OpenAI's Vision API. Use bash command to execute the vision script like 'bash <base_dir>/scripts/vi
• writing-clearly-and-concisely — Use when writing prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI tex
• writing-like-user — Emulate the user's personal writing voice and style patterns. Use when the user asks to write content in their voice, dr
• beautiful-mermaid — Render beautiful Mermaid diagrams as SVGs or ASCII art. Use when user sends Mermaid code blocks (\`\`\`mermaid ... \`\`\
• referral-program — When the user wants to create, optimize, or analyze a referral program, affiliate program, or word-of-mouth strategy.
• willhaben — Create and manage listings on Willhaben.at (Austrian marketplace).
• openai-image-gen — Batch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery.
• baoyu-post-to-wechat — Posts content to WeChat Official Account (微信公众号) via API or Chrome CDP.
• semi-design-guide — 使用 Semi Design 组件的完整指南，包括 MCP 工具使用流程、常见模式、最佳实践。当你需要查询 Semi Design 组件、生成组件代码或解决使用问题时，请使用此技能。
• feature-design-assistant — Turn ideas into fully formed designs and specs through natural collaborative dialogue. Use when planning new features, d
• google-gemini-file-search — Build document Q&A and searchable knowledge bases with Google Gemini File Search - fully managed RAG with automatic chun
• llava — Large Language and Vision Assistant. Enables visual instruction tuning and image-based conversations. Combines CLIP visi
• add-provider-doc — Guide for adding new AI provider documentation. Use when adding documentation for a new AI provider (like OpenAI, Anthro
• ai-portrait-generator — Generate ultra-photorealistic portraits using structured JSON prompts. Use when creating AI-generated portraits, charact
• gaming-ui-state-management — Patterns for game-like interfaces - health bars, XP bars, mana bars. Apply when building RPG/retro gaming UI components
• eachlabs-image-generation — Generate new images from text prompts using EachLabs AI models.
• dhh-rails-style — This skill should be used when writing Ruby and Rails code in DHH's distinctive 37signals style.
• video-report — Generate a report about a video
• pdf-generator — Pdf Generator - Auto-activating skill for Business Automation. Triggers on: pdf generator, pdf generator Part of the Bus
• deployment-pipeline-design — Design multi-stage CI/CD pipelines with approval gates, security checks, and deployment orchestration. Use when architec
• solution-design — Invoke IMMEDIATELY via python script when user has a defined problem or root cause and needs solution options.
• solidjs-patterns — SolidJS reactivity + UI state patterns for OpenWork
• markdown-converter — Convert documents and files to Markdown using markitdown. Use when converting PDF, Word (.docx), PowerPoint (.pptx), Exc
• zai-cli — Z.AI CLI providing: - Vision: image/video analysis, OCR, UI-to-code, error diagnosis (GLM-4.6V) - Search: real-time web
• aesthetic — Create aesthetically beautiful interfaces following proven design principles.
• financereport — Generate institutional-quality PDF analysis reports for stocks and ETFs.
• design-principles — Swiss International Style for Resume Matcher. Invoke ONLY when designing new UI components or modifying existing compone
• mechanic — Vehicle maintenance tracker and mechanic advisor. Tracks mileage, service intervals, fuel economy, costs, warranties, an
• tailwindcss-development — Styles applications using Tailwind CSS v4 utilities. Activates when adding styles, restyling components, working with gr
• data-privacy-compliance — Data privacy and regulatory compliance specialist for GDPR, CCPA, HIPAA, and international data protection laws.
• screenpipe-search — Search the user's screen recordings, audio transcriptions, and UI interactions via the local Screenpipe API at localhost
• avalonia-layout-zafiro — Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoid
• ai-pdf-builder — Generate professional PDFs from Markdown using Pandoc and LaTeX with AI-powered content generation. Creates whitepapers,
• frontend-vue-development — 前端 Vue 开发规范，涵盖 Vue 2/3 组件开发、Vuex 状态管理、路由配置、组件通信、样式规范、国际化。当用户进行前端开发、编写 Vue 组件、处理状态管理或实现页面交互时使用。
• kubernetes-architect — Expert Kubernetes architect specializing in cloud-native infrastructure, advanced GitOps workflows (ArgoCD/Flux), and en
• plantuml-diagram-generator — Plantuml Diagram Generator - Auto-activating skill for Visual Content. Triggers on: plantuml diagram generator, plantuml
• hyperliquid — Read-only Hyperliquid market data assistant (perps + spot optional) with support for natural-language requests and deter
• lecture-transcript-slide-matcher — Combines YouTube lecture transcripts with PDF slides to create an interactive HTML page.
• dagger-design-proposals — Write design proposals for Dagger features. Use when asked to draft, review, or iterate on Dagger design documents, RFCs
• etetoolkit — Phylogenetic tree toolkit (ETE). Tree manipulation (Newick/NHX), evolutionary event detection, orthology/paralogy, NCBI
• chro-advisor — People leadership for scaling companies. Hiring strategy, compensation design, org structure, culture, and retention. Us
• api-design-reviewer — API Design Reviewer
• backend-ui-design — Design and implement consistent, production-grade backend/backoffice interfaces using the @open-mercato/ui component lib
• implementing-figma-designs — Implements Figma designs 1:1 using OneKey component library (还原设计稿).
• pi-planning-with-files — Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.md. Use wh
• pdd — Transforms a rough idea into a detailed design document with implementation plan. Follows Prompt-Driven Development — it
• cli-developer — Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for CLI design, argume
• amcs-producer-notes-generator — Generate production notes defining song structure, hooks, instrumentation hints, per-section tags, and mix parameters.
• pydicom — Python library for working with DICOM (Digital Imaging and Communications in Medicine) files.
• gpui-element — Implementing custom elements using GPUI's low-level Element API (vs. high-level Render/RenderOnce APIs).
• performance-lighthouse-runner — Manage performance lighthouse runner operations. Auto-activating skill for Frontend Development. Triggers on: performanc
• marp-slide — Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech,
• 1k-ui-recipes — UI recipes for scroll offset (useScrollContentTabBarOffset), view transitions (startViewTransition), and horizontal scro
• image-utils — Use when performing classic image manipulation - resize, crop, composite, format conversion, watermarks, adjustments.
• json-canvas — Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas fi
• compress-pdf — Compress a user-provided PDF by uploading it to Cross-Service-Solutions, polling until completion, then returning a down
• mermaidjs-v11 — Create diagrams and visualizations using Mermaid.js v11 syntax.
• sag — ElevenLabs text-to-speech with mac-style say UX.
• pymupdf-pdf — Fast local PDF parsing with PyMuPDF (fitz) for Markdown/JSON outputs and optional images/tables.
• create-mcp-app — This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MC
• vue-options-api-best-practices — Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
• scala-pro — Master enterprise-grade Scala development with functional programming, distributed systems, and big data processing.
• aws-advisor — Expert AWS Cloud Advisor for architecture design, security review, and implementation guidance.
• adobe — Access Adobe Creative Cloud APIs - Photoshop, Lightroom, PDF Services, and Firefly AI. Automate creative workflows.
• interview-spec — Deep-dive interview to flesh out a spec or design document
• ai-model-nodejs — Use this skill when developing Node.js backend services or CloudBase cloud functions (Express/Koa/NestJS, serverless, ba
• pdf-to-video — Use when user wants to convert a PDF document into a showcase video, extract key points from PDF, or create video presen
• event-store-design — Design and implement event stores for event-sourced systems. Use when building event sourcing infrastructure, choosing e
• cirq — Quantum computing framework for building, simulating, optimizing, and executing quantum circuits.
• tailwind-4 — Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in cla
• woocommerce-dev-cycle — Run tests, linting, and quality checks for WooCommerce development. Use when running tests, fixing code style, or follow
• network-diagram-generator — Generate network diagram generator operations. Auto-activating skill for Visual Content. Triggers on: network diagram ge
• baseline-ui — Enforces an opinionated UI baseline to prevent AI-generated interface slop.
• auto-shorts-repurposer — Repurpose long-form video or audio into short-form clip plans with timestamps, hooks, captions, and packaging notes.
• resume-cv-builder — Create professional resumes and CVs. Generate ATS-friendly formats, optimize bullet points, tailor for specific jobs, an
• 3d-graphics — 3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations,
• typescript-review — Review TypeScript and JavaScript code changes for compliance with Metabase coding standards, style violations, and code
• project-planner — Comprehensive project planning and documentation generator for software projects.
• better-icons — Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs
• typescript — TypeScript code style and optimization guidelines. Use when writing TypeScript code (.ts, .tsx, .mts files), reviewing c
• pdf-processing — Comprehensive PDF processing techniques for handling large files that exceed Claude Code's reading limits, including chu
• obsidian — Comprehensive guidelines for Obsidian.md plugin development including all 27 ESLint rules, TypeScript best practices, me
• code-refactoring-refactor-clean — You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and modern software engi
• gemini-imagegen — Generate and edit images using the Gemini API (Nano Banana Pro).
• postgresql-table-design — Design a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and
• svelte-ui-design — ALWAYS use this skill for ANY Svelte component styling, design, or UI work.
• annas-archive-ebooks — Use when needing to look up book content, find a book by title/author, download an ebook, or reference material from a p
• game-art — Game art principles. Visual style selection, asset pipeline, animation workflow.
• pdf-to-docx — Convert PDF files to editable Word documents using pdf2docx
• code-review — Code review assistance with linting, style checking, and best practices
• golang-pro — Master Go 1.21+ with modern patterns, advanced concurrency, performance optimization, and production-ready microservices
• scientific-visualization — Create publication figures with matplotlib/seaborn/plotly. Multi-panel layouts, error bars, significance markers, colorb
• plotly — Interactive scientific and statistical data visualization library for Python.
• marker — Convert PDF documents to Markdown using marker_single. Use when Claude needs to extract text content from PDFs while pre
• docs-write — Write documentation following Metabase's conversational, clear, and user-focused style. Use when creating or editing doc
• design-md — Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
• mermaid — Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid.
• anti-slop — Comprehensive toolkit for detecting and eliminating "AI slop" - generic, low-quality AI-generated patterns in natural la
• pdf-translator — Extract text from PDF files, translate it to a target language, and save the result as a Markdown file. Use this skill w
• skill-writer — Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a
• game-design — Game design principles. GDD structure, balancing, player psychology, progression.
• mermaid-expert — Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and sty
• elegant-design — Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals,
• backend-architect — Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems.
• scientific-slides — Build slide decks and presentations for research talks. Use this for making PowerPoint slides, conference presentations,
• system-design — Use when designing, architecting, or planning a new system from requirements or ideas - transforms concepts into navigab
• vectcut-api — VectCutAPI is a powerful cloud-based video editing API tool that provides programmatic control over CapCut/JianYing (剪映)
• youtube-watcher — Fetch and read transcripts from YouTube videos. Use when you need to summarize a video, answer questions about its conte
• superpowers-brainstorm — Produces a structured brainstorm: goals, constraints, risks, options, recommendation, and acceptance criteria. Use befor
• nano-banana-pro-prompts-recommend-skill — Recommend suitable prompts from 6000+ Nano Banana Pro image generation prompts based on user needs.
• excalidraw-mcp — Create, edit, and export live Excalidraw diagrams using mcp-excalidraw-server (MCP tools + canvas REST API).
• livewire-development — Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working wi
• openapi-spec-generation — Generate and maintain OpenAPI 3.1 specifications from code, design-first specs, and validation patterns. Use when creati
• scriptwriting — Use when crafting scripts, storyboards, and messaging for video content.
• latex-posters — Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter.
• gemini-video-understanding — Analyze videos using Google's Gemini API - describe content, answer questions, transcribe audio with visual descriptions
• figma-integration — Guides design-to-code workflow using Figma integration. Helps extract designs, analyze components, and generate implemen
• user-journeys — User experience flows - journey mapping, UX validation, error recovery
• aws-solution-architect — Design AWS architectures for startups using serverless patterns and IaC templates.
• api-security-best-practices — Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and prote
• video-frames — Extract frames or short clips from videos using ffmpeg.
• youtube-analytics — YouTube Data API v3 analytics toolkit. Analyze YouTube channels, videos, and search results. Use when the user asks to:
• video-processor — Process video files with audio extraction, format conversion (mp4, webm), and Whisper
• frontend-code-review — Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change revi
• python-design-patterns — Python design patterns including KISS, Separation of Concerns, Single Responsibility, and composition over inheritance.
• scientific-critical-thinking — Evaluate research rigor. Assess methodology, experimental design, statistical validity, biases, confounding, evidence qu
• sound-engineer — Expert audio engineer specializing in spatial audio, procedural sound design, interactive audio systems, and real-time D
• python-code-style — Python code style, linting, formatting, naming conventions, and documentation standards. Use when writing new code, revi
• yt-dlp-downloader — Download videos from YouTube, Bilibili, Twitter, and thousands of other sites using yt-dlp.
• v3-ddd-architecture — Domain-Driven Design architecture for claude-flow v3. Implements modular, bounded context architecture with clean separa
• summarize — Summarize or extract text/transcripts from URLs, podcasts, and local files (great fallback for “transcribe this YouTube/
• game-audio — Game audio principles. Sound design, music integration, adaptive audio systems.
• math-to-manim — This skill should be used when the user asks to "create a math animation", "animate a mathematical concept", "generate M
• obsidian-canvas-creator — Create Obsidian Canvas files from text content, supporting both MindMap and freeform layouts.
• tailwind-patterns — Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
• codebase-cleanup-refactor-clean — You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and modern software engi
• ppt — PPT 演示文稿创建、编辑和分析。当需要处理演示文稿时使用，支持：(1) 创建新演示文稿，(2) 修改和编辑内容，(3) 处理布局和样式，(4) 添加图表和表格
• yt-dlp — Download audio and video from thousands of websites using yt-dlp.
• windows-ui-automation — "Expert in Windows UI Automation (UIA) and Win32 APIs for desktop automation.
• ux-designer — User experience and interface design specialist
• pdf-processing-pro — Production-ready PDF processing with forms, tables, OCR, validation, and batch operations.
• ask-user-question — Ask users questions via the UI. Use when you need clarification, user preferences, or confirmation before proceeding. Th
• youtube-summarize — Summarize YouTube videos by extracting transcripts and captions. Use when you need to get a quick summary of a video, ex
• antigravity-image-gen — Generate images using the internal Google Antigravity API (Gemini 3 Pro Image). High quality, native generation without
• trace-to-svg — Trace bitmap images (PNG/JPG/WebP) into clean SVG paths using potrace/mkbitmap.
• ui-audit — AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility,
• skeleton-svelte — Use this skill when working with Skeleton UI components in Svelte projects.
• baoyu-article-illustrator — Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style two-di
• office-to-md — Convert Office documents (Word, Excel, PowerPoint, PDF) to Markdown using Microsoft's markitdown
• ocr-image-to-markdown — 鉴于本地 OCR 工具的缺失，本技能利用 Agent 的多模态能力来查看图像（PNG, JPG 等）并将内容（文本、表格、逻辑图）转录为格式化的 Markdown。
• pdf-ocr-extraction — Extract text from scanned PDFs using optical character recognition
• interaction-design — Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish t
• generate-image — Generate or edit images using AI models (FLUX, Gemini). Use for scientific illustrations, diagrams, schematics, infograp
• finance-manager — Comprehensive personal finance management system for analyzing transaction data, generating insights, creating visualiza
• biomni — Autonomous biomedical AI agent framework for executing complex research tasks across genomics, drug discovery, molecular
• product-strategist — Strategic product leadership toolkit for Head of Product including OKR cascade generation, market analysis, vision setti
• nuxt-ui — Use when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use compo
• art — Complete visual content system for Unsupervised Learning. FOURTEEN workflows - (1) VISUALIZE (adaptive multi-modal orche
• frontend-aesthetics — Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating fr
• ffmpeg-video-editor — Generate FFmpeg commands from natural language video editing requests - cut, trim, convert, compress, change aspect rati
• peekaboo — Capture and automate macOS UI with the Peekaboo CLI.
• flowchart-generator — Generate flowcharts from YAML/JSON definitions or Python DSL. Supports standard flowchart shapes, swimlanes, and PNG/SVG
• rendering-animate-svg — Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especia
• specification-architect — A rigorous, traceability-first system that generates five interconnected architectural documents (blueprint.md, requirem
• modern-css — Specialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when
• docker-expert — Docker containerization expert with deep knowledge of multi-stage builds, image optimization, container security, Docker
• senior-computer-vision — World-class computer vision skill for image/video processing, object detection, segmentation, and visual AI systems.
• youtube — The most comprehensive YouTube skill for AI agents. Extract transcripts for FREE (zero API quota!), search with filters,
• clojure-review — Review Clojure and ClojureScript code changes for compliance with Metabase coding standards, style violations, and code
• ai-ppt-generator — The awesome PPT format generation tool provided by baidu.
• software-manual — Generate interactive TiddlyWiki-style HTML software manuals with screenshots, API docs, and multi-level code examples.
• mermaid-diagram-specialist — Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations
• web-design-pro — Modern web design engineering skills including design tokens, advanced UI/UX methodologies, accessibility, and game-spec
• copyright-docs — Generate software copyright design specification documents compliant with China Copyright Protection Center (CPCC) stand
• frontend-design-pro — Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels d
• spotify-api — Create and manage Spotify playlists, search music, and control playback using the Spotify Web API.
• baoyu-comic — Knowledge comic creator supporting multiple art styles and tones.
• lint-fixer — Use this skill to run npm run lint and fix linting issues. Triggers on fixing lint errors after code changes or validati
• peer-review — Systematic peer review toolkit. Evaluate methodology, statistics, design, reproducibility, ethics, figure integrity, rep
• paper-2-web — This skill should be used when converting academic papers into promotional and presentation formats including interactiv
• project-analyze — Multi-phase iterative project analysis with Mermaid diagrams. Generates architecture reports, design reports, method ana
• d3js-visualization — Build deterministic, verifiable data visualizations with D3.js (v6).
• media-processing — Process multimedia files with FFmpeg (video/audio encoding, conversion, streaming, filtering, hardware acceleration) and
• architecture — Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making
• ai-video-gen — End-to-end AI video generation - create videos from text prompts using image generation, video synthesis, voice-over, an
• opencode-bridge — Bridge between OpenWork UI and OpenCode runtime
• shopify-development — Build Shopify apps, extensions, themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid.
• ai-multimodal — Process and generate multimedia content using Google Gemini API.
• latex-pdf-compiler — Compiles LaTeX source code to PDF using pdflatex. Use this skill whenever the user asks to create and compile LaTeX docu
• resume-optimizer — Professional resume builder with PDF export, ATS optimization, and analysis capabilities.
• baoyu-infographic — Generates professional infographics with 20 layout types and 17 visual styles.
• image-generation — Generate images using nano banana.
• excalidraw-diagram — Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), an
• flight — Flight canvas for comparing flights and selecting seats. Use when users need to browse flight options and book seats.
• nanobanana-skill — Generate or edit images using Google Gemini API via nanobanana. Use when the user asks to create, generate, edit images
• frontend-architecture — Svelte SPA architecture for Exceptionless. Route groups, lib structure, API client, feature slices, and barrel exports.
• d3-visualization — Use when creating custom, interactive data visualizations with D3.js—building bar/line/scatter charts from scratch, crea
• kpi-dashboard-design — Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns.
• inference-sh — Run 150+ AI apps via inference.sh CLI - image generation, video creation, LLMs, search, 3D, Twitter automation.
• information-security-manager-iso27001 — Senior Information Security Manager specializing in ISO 27001 and ISO 27002 implementation for HealthTech and MedTech co
• youtube-clipper — YouTube 视频智能剪辑工具。下载视频和字幕，AI 分析生成精细章节（几分钟级别）， 用户选择片段后自动剪辑、翻译字幕为中英双语、烧录字幕到视频，并生成总结文案。 使用场景：当用户需要剪辑 YouTube 视频、生成短视频片段、制作双语
• figma-automation — Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools f
• design-system-patterns — Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.
• video-processing — Guide for video analysis and frame-level event detection tasks using OpenCV and similar libraries.
• c4-architecture — Generate architecture documentation using C4 model Mermaid diagrams.
• youtube-wisdom — Extract wisdom, insights, and actionable takeaways from YouTube videos.
• workflow-orchestration-patterns — Design durable workflows with Temporal for distributed systems.
• pdf-converter — Convert PDF files to and from Word, Excel, Image, and other formats
• docs-review — Review documentation changes for compliance with the Metabase writing style guide. Use when reviewing pull requests, fil
• langchain-architecture — Design LLM applications using the LangChain framework with agents, memory, and tool integration patterns. Use when build
• ai-image — Generate AI images using OpenAI's gpt-image-1 model with customizable aspect ratios and artistic themes.
• orpc-contract-first — Guide for implementing oRPC contract-first API patterns in Dify frontend.
• baoyu-compress-image — Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optim
• nanobanana-ppt-skills — AI-powered PPT generation with document analysis and styled images
• tiktok-ai-model-generator — Generate AI model videos for TikTok livestreams using Pinterest, Claude, Nano Banana Pro, and Veo or Kling.
• baoyu-cover-image — Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6
• baoyu-slide-deck — Generates professional slide deck images from content. Creates outlines with style instructions, then generates individu
• python-project-structure — Python project organization, module architecture, and public API design. Use when setting up new projects, organizing mo
• postgresql — Design a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and
• cisco-network-diagram — Generate Draw.io network topology diagrams from Cisco router and switch configurations.
• prompt-engineer — Expert in designing effective prompts for LLM-powered applications.
• baoyu-image-gen — AI image generation with OpenAI, Google and DashScope APIs. Supports text-to-image, reference images, aspect ratios. Seq
• frontend-to-backend-requirements — Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend,
• gemini-logo-remover — Remove Gemini logos, watermarks, or AI-generated image markers using OpenCV inpainting. Use this skill when the user ask
• standards-css — Write consistent, maintainable CSS following the project's methodology (Tailwind, BEM, utility classes, CSS modules) wit
• markdown-tools — Converts documents to markdown with multi-tool orchestration for best quality.
• ai-organizer-ui-consolidation — Build a unified, ADHD-friendly web UI that consolidates 70+ CLI tools into a beautiful liquid glass interface for the AI
• superpowers-review — Reviews changes for correctness, edge cases, style, security, and maintainability with severity levels (Blocker/Major/Mi
• cpo-advisor — Product leadership for scaling companies. Product vision, portfolio strategy, product-market fit, and product org design
• lark-event — Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume ` (
• prototype — Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model o
• simple — Invoke before any creative or architectural work — feature design, component creation, or behavioral changes.
• codebase-design — Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find de
• design-an-interface — Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to d
• firebase-data-connect — Builds and deploys Firebase SQL Connect (aka Firebase Data Connect) backends with PostgreSQL securely.
• hyperframes-creative — Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes,
• website-to-video — Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured
• media-use — Agent Media OS, the single skill for every media need in a HyperFrames project.

← Back to Skills catalog