Design AI Skills

[omh] Motion showcase to make: produce a source-grounded product film with audience-specific concepts, segment direction, authored motion, measured locale/export QA and reproducible source delivery.…

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Write interface copy — microcopy, error messages, empty states, and CTAs. Use when the words are the deliverable. For content structure and ownership, use `content-strategy` (ux-strategy).

为小红书笔记生成高质量配图。默认AI生成（Gemini），仅精确数据表格用HTML兜底。当用户提到"小红书配图"、"小红书封面"、"小红书图片"、"做张小红书图"、"笔记配图"时使用此技能。

Generate raster images or reference-guided variations through the OMA image CLI. Use for image assets or explicit vendor comparisons; pixel editing uses an editor.

Используй только внутри активного Codex Project Autopilot-проекта по утверждённому плану; не включай для обычных frontend-задач вне автопилота.

Step of the make-static-ads playbook: after an image is approved, makes more versions of the same picture with different hooks, headlines or fonts by a quoted re-render with the approved render…

Lay out and organize a ComfyUI workflow cleanly on the live panel canvas. Dependency-layered node placement with no overlaps, subgraphs, colored group boxes, and subgraph rail alignment. Use when…

Use when the user needs B2B pipeline work — ICP and account lists, prospecting, cold email and LinkedIn outbound sequences, lead scoring, MQL to SQL handoff, sales decks, objection handling, demo…

Use when optimizing Xiaohongshu profile page, improving bio and homepage design, enhancing first impression, or increasing follow conversion rate

A structured idea testing framework that runs every concept through a reality checklist before you invest time, money, or energy. Combines lean validation, customer discovery, and risk analysis into a…

Compile a theme, sentence, object, mood, article idea, or photo into a quiet Japanese/Korean zine-style editorial poster — tall aged paper, large negative space, one small image anchor, experimental…

Build a self-contained local prototype at .turbo/prototypes/<slug>.html, drive it, and hand it to the user to settle unknowns that prose cannot answer. Use when the user asks to "prototype this",…

Design and create AEM Workflow models on AEM as a Cloud Service. Use when creating workflow models via the Workflow Model Editor or content package XML, defining step types (PROCESS, PARTICIPANT,…

Use this skill whenever the user asks about Wireshark, tcpdump, packet capture, pcap analysis, HTTP/DNS/TCP/DHCP/TLS capture interpretation, network lab reports, protocol fields observed in packets,…

変更に必要なPRD、ADR、UI Spec、Design Doc、作業計画書と、それぞれの保存先を判定する。ドキュメントの範囲を決める時、または技術ドキュメントを作成・レビューする時に使用。

Assesses covert-channel and data-egress exposure, then plans or records bounded purple-team validation with synthetic data. Use when evaluating DNS, web, cloud, ICMP, tunnel, timing, steganographic,…

将钉钉开放平台官方服务端 API 转成宜搭 HTTP 连接器动作，并供表单、集成自动化或 YidaCodeCanvas 自定义页面安全调用。负责官方文档核对、DingAuth 账号配置暂停与确定性回读。触发词：钉钉开放平台接口、api.dingtalk.com、x-acs-dingtalk-access-token。

Turn a text prompt, a photo, or a live video clip into hand-made-looking p5.js animation — pencil handwriting that writes itself, photos repainted as brushstroke art with paint-on animation and camera…

100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.

Use to build a hashtag and discoverability strategy for social posts — the modern (2026) approach, not the outdated "30 hashtags to go viral" playbook. Run when the user says "hashtags," "what…

When the user wants help with public relations, earned media, press coverage, journalist outreach, or media strategy (not pull requests). Also use when the user mentions 'PR,' 'public relations,'…

This skill should be used when the user asks about "animation", "storyboard", "animatic", "pre-visualization", "previz", "character design", "motion planning", "animation storyboard", "act as an…

Spec 创建前的信息收集与探索。由角色 spec-explorer 调用。 触发条件：(1) 角色 spec-explorer 需要在 Spec 创建前收集背景信息， (2) 需要检索历史经验（exp-search）， (3) 需要探索项目代码库、外部文档或第三方库， (4) TeamLead 通知 spec-explorer 开始工作。

Animate routes; support native View Transitions.

Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations

Run the marketing-engineer operating system — one shared brain, ten agents, a review queue, and a weekly loop — on top of Cogny's MCPs. Sets it up, runs the weekly loop, runs one campaign end to end,…

Generate QR codes with URLs and UTM tracking. Exports PNG/SVG with captions. Use for single codes, batch generation, or marketing campaigns with tracking parameters.

Mailchimp's UI design system. Use when building interfaces inspired by Mailchimp's aesthetic - light mode, Inter font, 4px grid.

Generate a vintage editorial marketing card in a locked style — hand-drawn ink line illustration of an anthropomorphic object (with stick arms, legs, and chunky white sneakers) standing on a single…

Create accurate Japanese UI DESIGN.md files for AI agents with proper CJK typography, font stacks, line-height, kinsoku shori, and mixed typesetting rules.

Author, save, and edit email templates in the PostHog workflows library — compose email design JSON with Liquid personalization and create and round-trip-edit templates over MCP. Use when asked to…

Light flat-vector single-character portrait — a hand-drawn child/tween on a fully saturated flat color background, with chunky black hair, big round eyes, a tiny red nose, and pink five-point-star…

通过 clawEC API 查询 Shopee 品牌列表。在用户需要 Shopee品牌搜索、Shopee 相关数据查询时使用。

将近期真实项目更新写成面向读者的简短日更文案。支持明确输入与结果回读。Use to write a daily project update from real changes.

Optimizes images for blogs and websites, including format conversion, resizing, compression, responsive delivery, accessibility, and visual validation. Use when asked to optimize, reduce, prepare,…

Formulate strategy for fragmented industries using Porter's framework. Use when industry has many small competitors and no dominant player, or when asked about consolidation opportunities.

Implements Syncfusion® .NET MAUI Linear ProgressBar (SfLinearProgressBar) control. Use when working with progress bars, progress indicators, loading indicators, determinate/indeterminate progress, or…

Visual design craft: typography scales, color theory (OKLCH, color-mix, light-dark), spacing systems, grids, visual hierarchy, elevation, iconography, and modern CSS (container queries, :has(),…

Specialized in creating high-converting instructional videos and software tutorials using structured scripts and automated production.

Turns a structured visual design brief (I-Lang format or plain language) into a concrete DESIGN.md spec plus an HTML preview. Forces the vague parts of a request ("make it professional") into explicit…

Bootstrap a complete design-token system in Figma in one atomic step — create a variable collection, its modes (e.g. Light/Dark), and every variable with per-mode values together. Use when starting a…

Guidelines and instructions for Data cleansing missing values imputations

Command palette (Cmd+K), keyboard shortcuts, and power user navigation patterns.

PPT/演示文稿设计系统技能。从 Open Design (129 套设计系统) 和 guizang-ppt-skill (5 主题 × 10 布局) 蒸馏而来。 提供 5 套完整风格预设 + 10 种布局模板 + 字体三层体系 (衬线标题/非衬线正文/等宽元数据)。 支持 HTML 单页版和 PPTX 文件两种输出格式。 当用户要求制作 PPT、演示文稿、汇报材料、课件、设计方案时使用。

Docker-aware Mémoire operation — CI/CD headless pipelines, shared MCP server, agent worker containers, and Figma bridge port-forwarding for containerized setups

Hyperframes Video (Open Design) — use only when explicitly invoked, not for general design requests

Add Reanimated 4 for spring animations, gestures, shared element transitions. Use when the user says 'animations', 'Reanimated', 'spring animation', 'gesture handler', 'shared element'.

OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.

Generate, implement, or review Paperclip capsule visuals. Use for capsule art, agent capsules, heartbeat status capsules, identicons, capsule banks, or brand-usage validation.

Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects