Design AI Skills

Use when designing, redesigning, restyling or reviewing a web page or app screen (landing, product site, portfolio, dashboard, docs) or when a UI looks generic or AI-made. Deals a researched…

Manage durable multi-goal workflows with sequential execution, repo-native checkpointing, and fail-closed safety.

The Pinterest growth playbook for 2026. Use when someone wants to "grow on Pinterest," "get traffic from Pinterest," "a Pinterest strategy," a pin cadence/board structure, or to turn blog/product…

当需要为 AI 系统设计多层安全防线、内容过滤策略和伦理边界时调用此 skill。典型场景包括：设计拒绝策略与升级机制、防御 prompt 注入攻击、实现领域特定安全规则（教育、医疗、金融等）、定义 AI 的价值观锚点。 不适用于：定义工具操作权限（应使用 tool-specification）、定义 AI…

Create, implement, or review gsap react work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on gsap react.

Create an adaptive interactive explainer dashboard for a user-specified topic, using a clean professional card-based structure with concept cards, comparisons, topic-fit sections, optional decision…

Compare medication lists from two sources and surface every discrepancy for a pharmacist.

Route requests across the full public Suede AI pack to the narrowest specialist and preserve the request verbatim. Use when asked "which Suede skill should I use?", when work crosses lanes, or when…

xterm.js 在 Electron 终端类项目里最容易踩的 4 个渲染坑： 1) fontFamily 传 CSS 变量导致 vi gg/G 失效 + 字符越界 2) 主题切换不生效（state 孤岛） 3) canvas 重绘需 term.refresh() 4) PTY 尺寸校正在字体加载完成前 fit → 偏大 rows/cols → 远端 vi 越界 触发词：xterm…

Plan Seedance 2.0 music-video clips where performance, camera, scene changes, spatial lyric typography, and transitions respond to a locked music window. Use for 4–15 second hooks or longer multi-clip…

用 UbD 逆向设计把"经验型备课"变成可观测的教学设计。 当老师说"帮我设计一节《一次函数》新课"、"写一份教案"、"做一份分层教案"、"帮我设计一节讲评课"、"这节课的提问链草案"、"高一信息技术这节课 40 分钟怎么排"时，建议激活此 SKILL。 高中有学科教案技能的学科，学科内容先建议转学科技能；点名数学、物理、化学、生物学、地理、历史的复习课、讲评课，初中、高中都整节转过去（见正文…

Build a 2D or 2.5D game as a painted world: a 3D blockout under one fixed camera, an AI paint-over projected onto it, sprite characters.

精通 iOS/Android 原生开发和跨平台框架的移动端专家，擅长性能优化、平台特性集成，专注打造流畅的移动体验。

Use the QCD (Quality, Cost, Delivery) Issue Tree framework to analyze production site issues and evaluate new production technology. Apply when analyzing manufacturing challenges, introducing…

Use when building browser-based 3D globes, 3D Tiles, CZML/time-dynamic data, or glTF models with npm cesium 1.146.0 — Viewer, Cesium3DTileset, Ion token (Cesium.Ion.defaultAccessToken),…

Drama comes from contrast, not absolute values. Loud-soft, fast-slow, full-empty contrasts create tension. Constant loudness causes auditory fatigue.

Implements Syncfusion .NET MAUI Segmented Control (SfSegmentedControl). Use when working with segmented controls, segment buttons, tab-like selection, button groups, or filter buttons in MAUI…

When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta…

Generates component API documentation with props tables, usage examples, and guidelines. Use when documenting component libraries, creating API references, or building component documentation for…

Official Expo skills for building, deploying, upgrading, and debugging Expo apps, from the Expo team. Covers Expo Router, native UI and animation, data fetching, native modules, SDK upgrades, and Expo…

Guidelines and instructions for LLM raw JSON output validation

NomiciAI mbb-page-makerのstarterとCSSを使い、主張・根拠・図解を日本語のHTMLスライドへ組む。原典runtimeとGolden Pathで検査・出力する。

Apply expectation priming — deliberately shaping the prior context (brand, marketing, price, social proof, recommendations) that users bring to a product before they ever touch it. Use when planning a…

Modern Resume (Open Design) — use only when the user explicitly runs this skill

OpenDesign's unit-economics and BYOK cost model: the assumptions, the sensitivity, and why it scales. Built as a decision-grade data & finance deck for CFO, investors.

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with…

Google People: Manage contacts and profiles.

Generate a Lean Canvas with problem, solution, metrics, cost structure, UVP, unfair advantage, channels, segments, and revenue. Use when exploring a lean startup canvas, testing a business hypothesis,…

Generate an interactive PR review walkthrough as an HTML page. Fetches PR data via gh API, categorizes files into core vs mechanical changes, adds reviewer annotations, and renders diffs with…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". Focuses on…

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.

Manage Gmail - send, read, search emails, manage labels and drafts. Use when user wants to interact with their Gmail account for email operations.

Competitor research: what every main rival is running, launching, charging and saying now, what works for them, and what that means for you. Use when the marketer asks for competitor research or a…

Use when bridging UIKit and SwiftUI, modernizing UIKit apps (scene lifecycle, resizability), debugging Auto Layout, Combine, TextKit, PencilKit, or UIKit animations.

Author or review software tests and LLM/agent evals; choose test placement and mocks, diagnose flaky CI, or repair brittle suites. Excludes unrelated code review, debugging, CI design, and production…

사용자의 디자인 선호·교정을 .omd/preferences.md에 기록. '이거 기억해줘', '앞으로는 이렇게', 'remember this', 'going forward never X', 「覚えておいて」, 「記住這個」류의 발화 또는 omd:apply가 교정을 감지했을 때 트리거. 기록된 내용은 omd:learn으로 DESIGN.md에 정식 반영.

Master backend logic, APIs, and microservices architectures. Covers REST, GraphQL, caching, and database transactions.

Use when negotiating and managing commercial partnerships, sponsorships, or brand collaborations

Painterly art direction spanning watercolor and oil-painting looks for Blender using soft edges, pigment texture, and illustrative lighting.

サイトのSEO問題を監査・診断し、改善提案を行うスキル。 「SEOを監査して」「検索順位が上がらない原因を調べて」「技術SEOをチェック」等のリクエストで発動。

Plan Seedance 2.0 music-video clips where performance, camera, scene changes, spatial lyric typography, and transitions respond to a locked music window. Use for 4–15 second hooks or longer multi-clip…

Designer-turned-developer who crafts stunning UI/UX even without design mockups. Use for any frontend implementation requiring visual design decisions, aesthetic direction, or pixel-perfect UI work.

The Pinterest pin design skill -- the visual half that pairs with pinterest-seo's keyword layer. Use when someone wants to design a pin, a Pinterest pin image, a pin text overlay, fresh pin variations…

Create, implement, or review gsap scrolltrigger work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on gsap scrolltrigger.

Design, review, and visually QA web and app interfaces against explicit design laws so shipped screens look intentional instead of generic AI output.

File uploads (S3, R2, Supabase), presigned URLs, and media pipelines / Upload file (S3, R2, Supabase), presigned URL, dan pipeline media.

把"从头再讲一遍"变成有间隔、有交叉、有取舍的复习排期。 当老师说"帮我安排期末复习计划"、"考前两周怎么排"、"高三一轮复习怎么排"、"物理合格考还有两个月怎么复习"、"数学单元复习怎么排"、"帮我梳理本章知识图谱"、"这几个知识点老混，怎么练"、"考前学生太紧张怎么办"时，建议激活此 SKILL。 工作流：知识图谱 → 重难点 → 阶段策略 → 间隔回看与交叉练习排期 → 复习活动 →…

Low-level plotting library for full customization. Use when you need fine-grained control over every plot element, creating novel plot types, or integrating with specific scientific workflows. Export…

Use when visualizing large geospatial datasets in the browser with deck.gl 9.4.0 — ScatterplotLayer/GeoJsonLayer, HexagonLayer/ScreenGridLayer aggregation, MVTLayer/TileLayer, @deck.gl/mapbox…

Define brand-context for AI agents — visual identity systems, voice/tone guides, color palettes with hex/RGB/HSL, typography systems with font stacks and type scales, logo usage rules, asset…

Sound-image relationship taxonomy: on-screen, off-screen, non-diegetic, acousmatic. Classifies any film sound by its relationship to the story world.