Design AI Skills
9,166 open-source Design AI skills that teach any AI model a new workflow.
Search and filter AI skills
AI skills directory results
Yida Get Schema
确定性解析表单字段 ID、子表路径和表单行为语义;agent 按字段引用、完整字段映射或反向分析场景选择对应 contract。
Frontend Design
Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support. Use when the user requests frontend design or provides…
Geo Site Diagnose
Crawl one public website from a supplied URL, select up to ten representative page types, score evidence-lined GEO readiness, and generate a standalone visual HTML report. Use for 网站 GEO 诊断、全站 GEO…
Agent Orchestration Improve Agent V2
Agent Performance Optimization Workflow workflow skill. Use this skill when the user needs Systematic improvement of existing agents through performance analysis, prompt engineering, and continuous…
React Accessible Components
Implement semantic names, keyboard and focus.
Exit Animations
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
Obsidian Ui Skills
Obsidian's UI design system. Use when building interfaces inspired by Obsidian's aesthetic - dark mode, Inter font, 4px grid.
Game Design Thinking Fast And Slow Audit
Audit a game, feature, combat system, economy loop, onboarding flow, puzzle, UI, or design proposal through the lens of fast versus slow thinking inspired by Thinking, Fast and Slow. Use when…
Godot Editor Tooling
Create Godot editor tools, inspectors, import helpers, and validation flows that reduce manual authoring risk.
Op Ed Cover
Editorial magazine op-ed cover illustration — flat-vector + paper-grain scene with elongated ink-line characters, a muted retro palette, and a serif headline overlay block in the lower-right corner.…
Port
Designing web-to-iOS/Android porting strategy: feature parity matrices, native architecture maps, phased Strangler-Fig roadmaps. Not for same-language migration (Shift) or native impl (Native).
Zoom Mcp/Docs
Legacy compatibility route for requests that call the current Zoom Canvas MCP server "Docs MCP". Route new work to zoom-mcp/canvas and use the Canvas endpoint, scopes, and tools.
Soft Vector
Airy flat-vector spot illustration style — square 1:1 pale-blue canvas, delicate ~1.5-2px dark-navy linework with intentionally OPEN / unclosed outlines, flat color fills, one muted accent hue…
Devexpress Winforms Ribbon And Bars
DevExpress WinForms Ribbon (RibbonControl) and traditional Bars (BarManager + Bar) — Office-style ribbon UIs or classic main-menu/toolbar/status-bar UIs. Covers the RibbonForm host requirement, the…
Baoyu Cover Image
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square…
Wordpress Publisher
7-step WordPress publish via scripts/wordpress/wp_publisher.py. Resolves categories/tags + uploads media + creates post + sets Yoast meta + publishes. Returns live URL + change-log entry for 7-day…
Setup
Get humane working on this machine — check what the cycle needs, configure the corpus root, token base, image backend, task-export target, language and browser tool, and install the companions and…
Design Review Garrytan
Designer Who Codes: visual audit followed by atomic commits fixing each issue. Garry Tan's design review skill — treats UI like code, identifies and fixes design debt systematically.
Langchain Retreival Chain Definitions
Guidelines and instructions for LangChain retreival chain definitions
Affordance Signifiers
Use this skill when the design has interactive capability but users aren't *seeing* it — when the affordance is technically present but the signifier (the visible cue that tells users "you can do…
Video Generation
Génération de rushes vidéo IA pour {{COMPANY_NAME}}, texte vers vidéo ou image vers vidéo, via un MCP multi-modèles (Seedance, Kling, Hailuo, Veo...). Spécification d'un plan en cinq aspects (sujet,…
Figma Plugin Api
Route exact Figma Plugin API questions to current official typings and developer documentation without redistributing upstream reference material. Use when an implementation depends on verified node,…
Ux Design Principles
Apply evidence-based UX and UI design principles when building user interfaces. Use when creating layouts, navigation, forms, buttons, dashboards, landing pages, or any user-facing component. Triggers…
Od Prototype Doc Kami Parchment
Kami Parchment Document (Open Design) — use only when the user explicitly runs this skill
Peer Cli Add
Guided ladder for adding a brand-new peer (not in the v1.27 capability matrix) to gdd's peer-CLI delegation layer. Walks the verification ladder, scaffolds an adapter, updates the capability matrix,…
Html Ppt Zhangzara Block Frame
Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for founders, exec presenter.
Agent Arch System Design
Agent skill for arch-system-design - invoke with $agent-arch-system-design
Pose Library Design
Design reusable 2D character pose libraries, action cycles, and expression states for data-driven animation.
Jobs To Be Done
Uncover customer jobs, pains, and gains in a structured JTBD format. Use when clarifying unmet needs, repositioning a product, or improving discovery and messaging.
Image Generation
Generate image assets through iPolloWork's image service, whether Image Studio is open or closed.
Video To Superprompt
Turn a reference video into a super detailed recreation or inspiration prompt. Use when the user provides, mentions, uploads, links, or points to a video and asks to analyze the design, UI,…
Teaching Page
Design a self-contained HTML page that teaches one thing, using space and a single accent instead of boxes and colour. Use when building an explainer, lesson, diagram, or walkthrough page, or when an…
Muapi Nano Banana
Reasoning-driven image generation using structured creative briefs (Gemini 3 style) — generates high-fidelity images via muapi.ai with logic-based prompting
Riso
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
Loading States
Design waiting experiences — spinners, skeletons, optimistic updates, and progressive reveal. Use when content takes time to arrive. For the latency budget itself use `doherty-threshold`; for success…
Omh Award Bar Score
[omh] Hermes award-bar score workflow: score a web surface against published design-award judging axes and name the binding constraint. Use when the user says: award-bar-score, award bar score, award…
2slides
AI-powered presentation generation using 2slides API. Create slides from text content, match reference image styles, or summarize documents into presentations. Use when users request to "create a…
Gumroad
View your Gumroad products and sales. Read-only by design. Trigger phrases: gumroad, gumroad sales, gumroad products.
Card Design
社媒卡片视觉设计系统:提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检,避免模板化 PPT 与廉价 AI 感。 当用户说“卡片难看、优化视觉、封面/海报设计、排版配色、卡片填不满、AI 味重”时使用;所有 card-*、poster-hero 等视觉产出应把它作为设计规范,而非最终渲染器。
Aeon Narrative Tracker
Daily narrative map for crypto and AI. Each narrative gets a mindshare score (1-5), a velocity arrow (↑↑ ↑ → ↓ ↓↓), a phase label (Emerging / Rising / Peak / Fading), named drivers (@handles, not…
Information Architecture
Design the structure of a website or product including sitemap, navigation, URL structure, content types, taxonomy, and labeling. Use this skill whenever the user asks to plan a sitemap, design…
Creator Program
When the user wants to plan, implement, or optimize creator program strategy. Also use when the user mentions "creator program," "creator partnership," "content co-creation," "creator ambassador,"…
45 Design Tool Brief Global
Use when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element mapping, grid and spacing,…
Ops Social Planner
OPS on-demand: This skill should be used when the user asks to "content calendar", "what is scheduled"…
Omd:Harness
사용자와 단계별로 검토하는 guided design harness. Discovery→Wireframe→Components→Microcopy→Validation을 omd-master가 실행하고 journey/system/validation의 필수 체크포인트에서 멈춘다. '/omd-harness', '체크포인트마다 검토', '나와 단계별로 디자인',…
Build Domain Ontology
Construct a tool-independent domain ontology: scope the domain, atomize concepts, type relations, build hierarchy, audit consistency, detect gaps, and refine confidence.
Auth
Authentication integration guidance — Clerk (native Vercel Marketplace), Descope, and Auth0 setup for Next.js applications, plus Sign in with Vercel, Vercel Passport, and Vercel KMS. Covers proxy.ts…
Ui Implement
Patterns for implementing UI improvements based on design analysis. Works with review documents from dev:ui-analyse or /dev:ui command. Includes Anti-AI design rules and visual verification.
Morph Ppt 3d
3D Morph PPT — extends morph-ppt with GLB model insertion, cinematographic camera, model-content layout, and enriched visual design system.
IBM Design Analysis
An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where…
Lead Magnets And Funnels
Lead magnets and funnels — design offers that turn social traffic into subscribers, leads, and customers. Use when someone wants to "create a lead magnet," "build a funnel," "design a freebie/opt-in,"…

