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
Syncfusion Maui Shimmer
Implements Syncfusion .NET MAUI Shimmer (SfShimmer) loading placeholder effects. Use when implementing shimmer or skeleton loading animations, loading placeholders, or content loading indicators in…
E2e Testing
Build and keep end-to-end suites that are worth their runtime — which journeys belong at this level, selectors that survive refactors, waiting on state instead of sleeping, per-spec data isolation,…
Running Effective Meetings
Help users run more effective meetings. Use when someone is dealing with meeting overload, wants to improve meeting culture, is preparing an important meeting, or struggles to get decisions made in…
Claude Slides
Make and revise slide decks in the Slides artifact format (project/deck.json plus one HTML file per slide) as local files, then open them in a local slide editor where the user can present, retype,…
Token Docs
Generates design token documentation with visual swatches and code examples. Use when documenting token values, creating token reference guides, or building searchable design system documentation.
Review
User-invoked review that coordinates the humane review skills — layout-rules, ux-writing, typography, nielsen-heuristics, walkthrough, design-tokens contrast — into one prioritized verdict, and marks…
Game 3d Asset Pipeline
Use when producing game-ready 3D environments, characters, props, materials, rigs, animations, LODs, collisions, Blender source/automation, FBX/glTF exports, or DCC-to-engine imports; use…
Extract Design Md
Reverse-engineer a Stitch-compatible DESIGN.md design system from existing frontend source code. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens in React,…
Llm Response Schema Validation Json Schema
Guidelines and instructions for LLM response schema validation (JSON Schema)
Mbb Page Maker
Create, edit, package, or export consulting-style HTML slide decks for strategy, board, investment, pitch, and executive presentations. Use when the user asks for an HTML PPT, slide deck, pitch deck,…
Expectation Effect
Apply the Expectation Effect — the principle that prior expectations measurably change a person's perception of a product or experience. Use when shaping the framing of new features, designing…
Interface Craft Gate
Make interface craft a required design-agent gate before and after UI changes.
Qwen Image 2
Generate and edit images with Alibaba Qwen-Image-2.0 models via inference.sh CLI. Models: Qwen-Image-2.0 (fast), Qwen-Image-2.0-Pro (professional text rendering). Capabilities: text-to-image,…
Od Prototype Social Carousel
social-carousel (Open Design) — use only when the user explicitly runs this skill
Html Ppt Zhangzara Mat
A margin-recovery diagnosis for a regional grocery chain — the governing thought, the driver tree, the priorities, and the roadmap. Built as a decision-grade consulting deck for client sponsor,…
Brand Landingpage
Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML.…
Team Ui
Orchestrate the UI team through the UX pipeline — authoring, visual design, implementation, review, polish. Uses /ux-design, /ux-review, studio templates.
Vibrant
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
Click Test Plan
Design first-click and click tests for findability and navigation. Use when testing whether people can locate something. For full task-based observation, use `test-scenario`.
Pkf Svg
Design controlled SVG, visual widgets, topology and Visual Core explainers with semantic color, safe geometry, accessibility, and bounded complexity. Use for an explicitly supported SVG/widget surface…
Research Market Edge Cases
Step of the research-market playbook: rules for run edge cases such as no browser, stalled workers, earlier reports and late reads. Run research-market instead; not for direct use.
Integration Connectivity Connected App Configure
Salesforce Connected Apps and External Client Apps OAuth configuration with 120-point scoring. Use this skill to configure OAuth flows, JWT bearer auth, Connected Apps, and External Client Apps in…
Ui Web
Web UI - glassmorphism, Tailwind, dark mode, accessibility
58 Positioning Global
Use when positioning needs defining or sharpening — a statement built on Promise, Proof, and Path, a differentiation matrix against competitors, category entry points, a three-level message hierarchy,…
System Design Principles
Define module boundaries, dependency direction, data ownership, resilience, and distributed-system trade-offs. Use for architecture, service boundaries, coupling, scalability, or failure-cascade…
Omd:Setup
Guided setup of the tools the design harness can use — image/video generation channels, browser, encoders. Detects what the user already has, explains pros/cons/costs, asks instead of instructing, and…
Yida Publish Page
将已编写的宜搭自定义页面源码发布或更新到指定页面。提供源码路径、应用 ID 和自定义页面 ID 后,执行编译、发布和内容回读;原生表单不使用本技能。
Pinterest Seo
The Pinterest SEO / search-ranking skill -- the keyword layer that pairs with pinterest-pin-design's visual. Use when someone wants pins to rank in Pinterest search, needs keyword research, or wants…
Gsap Timeline
Create, implement, or review gsap timeline work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on gsap timeline.
Tailwind Responsive Layouts
Implement responsive CSS layout with Tailwind.
Direct Seedance Papercraft Explainer
Design a Seedance 2.0 science, education, or general-knowledge explainer using layered handmade papercraft, miniature diorama depth, physical paper mechanisms, clear knowledge beats, restrained…
Xiaozhi Teach Student Analyzer
把班级成绩表变成可执行的教学调整。 当老师说"帮我分析这次单元练习"、"这道题全班错了六成"、"班级数学两极分化怎么办"、"哪些知识点得分率最低"、"我要客观数据跟家长聊"、"把学科技能交来的进步素材出一份给家长的版本"、"高三联考的逐题分析"、"合格考模拟后哪些知识点要补"时,建议激活此 SKILL。 工作流:导入逐题分数 → 班级画像 → 知识点热力图 → 分层 → 教学调整建议。 本…
Hr Employer Branding
Help HR leaders, talent acquisition teams, and employer brand managers understand, design, and run employer branding strategy, EVP (Employee Value Proposition) development, careers page and social…
One Pager Builder
Create one-page sales documents — product overviews, meeting leave-behinds, champion enablement sheets, trade show handouts. Scannable in 30 seconds, memorable enough to forward. Use when creating…
Sound Design Energy Model
Four-layer sound energy transformation model for film: physical, emotional, intellectual, ethical. Maps how sound travels from source to audience across technical, dramatic, aesthetic, and spiritual…
Huawei Cloud Dataarts Datasync Planner
Huawei Cloud data sync pipeline planning. Identifies existing pipelines, distinguishes real-time/offline, matches DataArts Studio/DRS/DLI-Flink/DIS products, outputs selection plan and multi-sheet…
Running Offsites
Help users plan and run effective team offsites. Use when someone is organizing a team retreat, planning a strategy offsite, trying to improve remote team cohesion, or preparing for quarterly planning…
Angular
Builds token-driven Angular components with signals and standalone components. Use when creating Angular component libraries, integrating design tokens, or building design system components with new…
Semantic Micro Interactions
Define bounded interface feedback from a real state transition, including accessible visual motion, reduced-motion and input-equivalent behavior, and an optional semantic sound hook without owning…
Extract Design System
Reverse-engineers design tokens (colors, typography, spacing, border radius, shadows) from any public website and generates tokens.json and tokens.css for local projects. Skill plus a bundled CLI the…
Llm Streaming Response Parser Rules
Guidelines and instructions for LLM streaming response parser rules
Ppt Svg Generator Ja
Markdownをページ構成とデザインに分け、文字・図形をソースで編集できるSVGへ組み立てる。
Od Prototype Social Reddit Card
Reddit Post Card (Open Design) — use only when the user explicitly runs this skill
Report Issue
Consent-gated GitHub issue reporter for /gdd. Triages locally against `reference/known-failure-modes.md`, layers Phase 22 secret-redaction with Phase 30 pseudonymization, drafts the payload to…
Html Ppt Zhangzara Monochrome
A grant proposal on CRISPR base-editing for sickle-cell disease — the hypothesis, the approach, the milestones, and the risk. Built as a decision-grade academic research deck for grant review…
Prd Development
Build a structured PRD that connects problem, users, solution, and success criteria. Use when turning discovery notes into an engineering-ready document for a major initiative.
Screenshot Isolated
Render a target GameObject from a chosen camera angle with optional layer-based isolation, configurable background (solid/skybox/transparent), multi-light setup via JSON, and Composite (2x2…
Vintage
1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
Preference Frequency Manager
Use when the user asks to "build a preference center", "set up a frequency opt-down ladder", "give people a step-down instead of unsubscribe", or "design a topic/cadence preference page"; produces a…
Listing Distribution
Gets a product listed where buyers and crawlers look — directories, marketplaces, review sites, comparison pages, and aggregators. Use this to plan a submission push, choose which directories are…
Scienceworld Object Classifier
Moves a tested or examined object into a designated container (e.g., a specific colored box) based on a determined property. Use when you have completed a test or inspection and need to fulfill a…

