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
Managed Agents
Deploy and manage Claude agents with lifecycle management, monitoring, and scaling
Od Prototype Social X Post Card
X / Twitter Post Card (Open Design) — use only when the user explicitly runs this skill
Gdd Review Backlog
Review parked backlog items and promote any to active cycle todo.
Html Ppt Zhangzara Peoples Platform
A public-transit funding proposal for a city council — ridership need, the plan, the risk controls, and the ask. Built as a decision-grade policy briefing deck for city council, public board.
Planning
Create and manage persistent markdown planning files for structured task execution. Use when the user asks to "create a plan", "track progress", "start a research project", or when a task requires…
Pricing Strategy
Analyze and design pricing strategies including pricing models, competitive pricing analysis, willingness-to-pay estimation, and price elasticity. Use when setting prices, evaluating pricing models,…
Ads Photoshoot
Generate rights-cleared paid-ad product photography variants from an authorized source image and validated brand profile. Triggers on: product photo, product photography, virtual photoshoot,…
Build Vesperfall Review Assets
Build truthful Vesperfall asset-library review pairs from transparent PNG references and live Three.js, FBX, or img2threejs models. Use when adding a character, enemy, prop, or equipment asset to the…
Typeui
Use TypeUI with Hermes Agent to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.
Research Market
Market research and brand watch: which market the brand is in, how big the reachable part is, what's changing, how buyers buy and what they pay, what people are saying now, and what it means for…
Threejs Gltf Loading
Load glTF/GLB models in three.js with GLTFLoader and play their skinned animations with AnimationMixer, including DRACO/Meshopt-compressed meshes and KTX2 textures. Use when importing 3D models into…
Paid Media Strategy
A discipline for running paid media that does not light money on fire. Hypothesis writing for paid spend, channel selection, budget allocation, audience targeting, bid strategy, campaign types, what…
Trust Badges Generator
When the user wants to add or optimize trust badges, "Trusted by" logos, security seals, or social proof elements. Also use when the user mentions "trust badges," "trusted by," "security badges,"…
Ui Craft
Design, build, review, or refactor visible UI, including pages, components, forms, loading/error states, and AI chat/streaming interfaces. Excludes backend, infrastructure, CLI/TUI, and docs-only…
61 Budget Planning Global
Use when a marketing BUDGET has to be planned or managed in USD — allocation by bucket, channel, and month, test versus scale split, scale-up and stop-loss thresholds, reserve, a plan-versus-actual…
Omd:Sync
DESIGN.md 변경분을 CLAUDE.md / AGENTS.md / .cursor/rules/omd-design.mdc shim 3종에 전파. 'shim 갱신', 'drift 확인', 'ship', 'publish', 「shimを更新」, 「同步 CLAUDE.md」류의 요청에 트리거. DESIGN.md가 수정됐는데 shim이 오래됐을 때 자동 감지해…
Voice Design
Choose or design a new speaking voice when the user asks for a new, different, custom, invented, or generated voice.
Yida Requirement Analysis
OpenYida 应用生成前的需求分析。从简短需求推导核心功能候选,尽早确认关键范围和实际用法,再推导入口建议,整合 requirement-brief.json 供 PRD、视觉设计与搭建规划使用。
Profile Optimization
Use to optimize a social media profile so it converts visitors into followers and followers into leads — bio, handle, name/headline field, profile picture, banner/header, link-in-bio, CTA, pinned…
Html Video Production
Create, implement, or review html video production work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on html video production.
Ui Screenshot Composition
Arrange readable product screenshot evidence.
Inspecting Hermes Desktop Dom
inspecting-hermes-desktop-dom — Read the live Hermes desktop DOM/CSS over CDP.
Tasks Generator
Generate sprint-based development tasks from a PRD. Use when asked to create tasks or break down requirements. Don't use for PRD/TAD authoring or task execution.
Frontend Ui Foundry
Use when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting design tokens from…
Ue Master Material Authoring
Design reusable Unreal Engine 5.8 master materials and material instances. Use for PBR texture controls, material functions, UV options, static switches, channel-packed masks, or maintaining a family…
Ui Ux Gtm
Design GTM UI/UX patterns — landing pages (hero, proof, CTA), forms (progressive disclosure, inline validation), signup flows (activation, time-to-value), dashboards (KPI hierarchy, trend indicators),…
Risk Stratification Indices
Reasoning skill for clinical risk stratification index selection and interpretation. Use when the user asks about LACE scores, Charlson Comorbidity Index, Elixhauser Index, readmission risk scoring,…
Sound Design Less Is More
Use minimum sound elements for maximum impact. Let audience fill in gaps mentally. Counter-intuitive: removing sounds often increases emotional engagement.
Scoping Cutting
Help users scope projects and cut features effectively. Use when someone is defining an MVP, dealing with scope creep, trying to ship faster, or needs to make tradeoffs about what to build.
Vue
Builds token-driven Vue 3 components with Composition API and TypeScript. Use when creating Vue component libraries, integrating design tokens, or building Nuxt design system components with…
Typography
Review or mechanically format English and Russian text for microtypography, protected word pairs, punctuation and symbol artifacts, and spelling while keeping editorial choices separate from safe…
Figma Official Skills
Official Figma agent skills for design-to-code and code-to-design workflows with the Figma MCP server. Covers Figma Plugin API scripting (use_figma), implementing designs in code, generating designs…
Mastra
Mastra AI: TypeScript agent framework — agents, workflows, tools, memory, RAG, evals — for building production-grade AI applications
Linear Sync
Linear integration for Mémoire — sync design issues, component specs, and project tracking between Linear and the Mémoire registry
Od Prototype Social Youtube Thumbnail
YouTube Thumbnail (Open Design) — use only when the user explicitly runs this skill
Gdd Review Decisions
Surfaces the async decision-review queue for team mode. Reads .design/reviews/<decision-id>/ entries and reports each decision's state in the proposed → reviewing → approved → locked machine (via…
Html Ppt Zhangzara Pin And Paper
A field-biology capstone on urban pollinator decline — the survey design, the data, the contribution, and the caveats. Built as a decision-grade coursework defense deck for faculty reviewers.
R3f Animation
React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based…
Datavis
Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2)…
Prototype Strategy
Choose prototype fidelity and method to match the design question and the decision at stake. Use before building a prototype. For what to test once it exists, use `test-scenario`.
Comet Design
Use when full Comet change 已完成 open 阶段但缺少 Superpowers Design Doc,或 design 阶段需要从 OpenSpec 交接包恢复。
Typeui
Use TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.
Accessibility
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live…
Card
When the user wants to design, optimize, or audit card layouts for content display. Also use when the user mentions "card layout," "card component," "card grid," "product cards," "template cards,"…
Scenario Unity 2d
Use when building a 2D game in Unity 6.3 URP: pixel-art or HD sprite import and PPU, sprite atlases, Tilemaps, Rule Tiles and reskins, the 2D Renderer and 2D lights with normal maps, 2D animation, a…
Vc Outreach
Build investor lists, warm intros and cold emails; prepare meetings, manage a raise pipeline, and run diligence through close. vc-pitch-deck owns slides; vc-strategy owns round design, narrative, and…
Omd:Taste
시스템이 학습한 사용자의 디자인 취향을 한 뷰로 렌더. .omd/preferences.md + foldin-proposal.json + DESIGN.md를 읽어 반영됨/대기 중/보류됨/모르는 것 4그룹으로 보여준다. '/omd-taste', '내 취향 보여줘', '취향 현황', 'what are my preferences', 'show my taste',…
News Monitor
Set up news monitoring strategies, analyze news coverage, and synthesize current events. Create news digests and media analysis reports.
Psx Horror Style
PS1/PSX-era horror art direction combining low-poly affine textures, limited color depth, fog, and psychological horror staging for Blender assets.
Voice Selector
Provides the static system voice catalog used by Jarvis. It does not define a user-facing workflow.
Design Packages
Use when choosing an art direction, visual style, or complete design system for a new page, landing, or site — or when the user asks to browse, compare, or apply one of the 44 local design packages…

