Design AI Skills

Build game UI in Unreal — UMG user widgets (UUserWidget) with the C++ lifecycle (NativeOnInitialized, NativeConstruct, NativeDestruct, NativeTick), the widget tree and common leaf/panel widgets…

Designs and analyzes Net Promoter Score programmes for measuring customer loyalty through promoter, passive, and detractor classification. Covers NPS calculation, segmented analysis, closed-loop…

ALIGN — Agentic Loop Image GeneratioN. Paint a subject in the craft of a reference artwork as executable p5.js, Canvas, SVG or another mark-based medium, replay that craft's real order of work, and…

Reference-grade information architecture and navigation: organization/labeling/navigation/ search systems, taxonomy depth-vs-breadth, every nav pattern per device, wayfinding, findability.

Guidelines and instructions for Prompt cache parameter headers

Drag and drop interaction patterns, sortable lists, kanban boards, and accessible drag and drop.

Use this skill when constructing visual hierarchy through color and tone (value, contrast, saturation) — picking which elements get full-color emphasis and which recede into greys, building a tone…

从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式，或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。

This skill should be used when creating Ultralytics-branded content of any kind, including PDF, PPTX, Canva, or Google Slides presentations, DOCX documents, marketing or newsletter HTML emails, social…

When the user wants to create, optimize, or audit blog index or listing page structure (not a single post). Also use when the user mentions "blog page," "blog index," "blog layout," "content hub,"…

Generate 3-5 lead magnet ideas from the brand's assets, graded by effort and power. "what should we give away"

Amazon product listing image strategy and optimization. Comprehensive shot planning, infographic design, lifestyle photography, mobile optimization, and conversion-focused visual content. Use when the…

Estimate global main effects and interactions across uncertain inputs using screening/decomposition methods such as Morris→Sobol or an equivalent supplied method.

研究 Amazon ABA、ASIN 反查、关键词拓展、搜索需求趋势、SERP 与品牌可见度。用于关键词库、搜索流量结构或 AI 购物回答观察，保留各指标与数据通道差异。

Use this when generating HTML for Adobe Document Authoring (DA, da.live) upload, uploading media binaries to DA, publishing to aem.live, or driving the DA admin API (auth, source PUT,…

Extracts recurring failure modes from similar past situations — most failures have happened before in recognisable patterns. TRIGGERS: 'what usually goes wrong', 'failure pattern analysis', 'how do…

The TikTok Photo Mode format-execution skill. Use when someone wants a "TikTok photo carousel," "photo mode," "TikTok slideshow," "swipeable TikTok post," or to publish a multi-image TikTok post via…

Provider-independent production workflow for AI agents creating brand launch films, product reveal videos, manifesto films, campaign hero films, website hero videos, investor/customer launch assets,…

Micro-frontends with Webpack & Vite Module Federation / Arsitektur micro-frontend dengan Webpack & Vite Module Federation.

A meta-skill that understands task requirements, dynamically selects appropriate skills, tracks successful skill combinations using agent-memory-mcp, and prevents skill overuse for simple tasks.

ALIGN-video for Codex. Create or revise a video through agent-authored code, rendering, editing and fresh-context audiovisual review, without image, video or music generation models. Use for…

Ink terminal renderer for json-render: turns JSON specs (including AI-generated ones) into interactive terminal UIs with standard components, data binding, visibility rules, actions and dynamic props.…

Optimize Claude API costs and latency with prompt caching strategies

Dropdown menus, select inputs, multi-select, combobox, and contextual menu design.

Use this skill when constructing visual hierarchy through layout, position, size, and whitespace — not type, not color. Trigger when laying out a page or section and deciding what gets the dominant…

深夜渐变 + 漂浮 orbs + SVG 力导向图谱 + JetBrains Mono

Define what content a product needs, how it is structured, and who owns it. Use when content itself is the problem. For the words in the interface use `ux-writing` (designer-toolkit); for structural…

Use when generating or handling 3D assets through the Scenario MCP server, including text-to-3D or image-to-3D meshes, GPT-6 Astra 3D or Claude Opus 5.5 3D, GLB, FBX, OBJ, STL, or VOX files,…

Use when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual checks by rendering pages (Poppler) and use Python tools such as `reportlab`,…

Use when creating professional graphics, designs, and visual content for Xiaohongshu posts, stories, banners, or marketing materials without advanced design skills

Use when designing experiments for subject lines, offers, cadences, or journeys.

Use to write a TikTok script — a native, sound-aware short-video script optimized for TikTok's discovery engine (the FYP), built around a brutal 1-second hook, watch-time, and rewatches. Run when the…

Vue 基础组件父技能。基于「一切皆容器」思想，容器原则：所有组件必须由 base-card 承载。直接提供两个公共根容器（base-card 内容容器 + base-input 输入容器），外加嵌套业务子技能（card / button / tag / table / form）。强制约束：所有 .md 文档严禁使用 HTML5 原生标签（button / table / input /…

React Native & Expo SDK 53+ cross-platform mobile app development / Pengembangan aplikasi mobile React Native & Expo SDK 53+.

Briefing e referências para direção de arte e produção visual de campanhas

How a Summer App should look: layout, Summer UI kit components, tables, charts, states, pre-ship check.

当用户要求在飞书云文档中绘制图表，或使用飞书画板绘制架构图、流程图、思维导图、时序图或其他可视化图表时使用此 skill。

Audits organizational culture using Schein's three-level model: visible artifacts, espoused values, and basic underlying assumptions. Diagnoses gaps between stated values and actual behaviour to…

ALIGN for paper figures — draw a method-overview figure as an executable p5.js program that replays its own construction in named stages, exports SVG, and improves through pixel-only independent Codex…

Interaction design (IxD) principles and frameworks for digital product work. Covers interaction flows, component state design (hover/focus/error/loading/empty), micro-interactions, affordances,…

Guidelines and instructions for Prompt chain task orchestrator steps

Dropdown menus, select inputs, comboboxes, multi-select patterns, and accessible dropdown implementation.

Use this skill when the question is specifically about how to construct visual hierarchy through typography — picking a type scale, ladders of weight, line-height steps, and the relationships between…

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

Write a project brief — problem space, constraints, audience, and success criteria. Use at kickoff for one specific project. For long-horizon aspiration use `north-star-vision`; for reusable decision…

Use when the user asks to "keep the launch momentum going after launch week", "plan a changelog / release-notes cadence as GTM", or "is this update worth a relaunch"; produces a T+1→T+30 momentum plan…

Expert blueprint for console platforms (PlayStation, Xbox, Nintendo Switch) covering controller-first UI, certification requirements (TRCs/TCRs), platform services (achievements, cloud saves), and…

Comprehensive guide to search engine optimization strategy covering technical SEO, content optimization, on-page and off-page tactics, analytics, and performance measurement. Designed for…

Use this to turn a Figma design into an AEM Edge Delivery Services (EDS / AEM / Franklin / Helix) content page in Document Authoring (DA, da.live). Triggers: "build this Figma frame in EDS", "turn…

Use when adding multiplayer or netcode to a game — client-server vs P2P, server authority and anti-cheat, state replication vs RPCs, prediction and reconciliation, lag compensation, plus Godot 4 /…

Native CSS 2026: Anchor Positioning, View Transitions 2, @starting-style / Fitur CSS native: Anchor Positioning, View Transitions 2.