Design AI Skills

Guidelines and instructions for NumPy vector array computations

Writing design specifications that engineers actually read, reference, and build from accurately.

Use this skill when designing or evaluating a grid system — picking column counts, gutter widths, breakpoints, baseline grids, or modular grids. Trigger when designing a new layout system, when an…

First-Run Proof Path - one command that scans your UI code and returns one concrete first fix. Leaf command, no STATE.md writes, no pipeline entry. Writes .design/START-REPORT.md and exits.

Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent…

Workflow 3: Full paper writing pipeline that goes from a narrative report to a polished, submission-ready PDF. Use when user says "写论文全流程", "write paper pipeline", "从报告到PDF", "paper writing", or wants…

两页跨页电子指南, 封面 + 课程页 + pull-quote + 步骤列表

产品经理与内容创作者在筹备产品发布或公司路演视频时，使用此技能可从文档解析到视频合成全链路自动化，一键生成15-100页带智能配音、精准字幕和转场动画的完整路演视频，将数天的制作周期缩短至几分钟。

Prevent and remove generic AI-generated design defaults, incoherent visual choices, and established UI defects while creating, revising, or reviewing websites, apps, screenshots, mockups, and design…

Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences. Use when:…

Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas.

Apply the Law of Continuity — the eye follows alignment and unbroken paths. Use when sequencing steps, aligning content, or designing carousels and timelines. For grouping rather than sequencing, use…

[omh] Hermes frontend workflow: prepare design-system-driven web and terminal (TUI) UI creation, redesign, polish, accessibility, performance, and visual QA handoffs. Use when the user says: frontend,…

Generates GEO/AEO-optimized articles designed to get AI engines (ChatGPT, Perplexity, Claude, Gemini) to cite your brand. Handles research, writing, and file output. Suggests listicle or head-to-head…

Shared step of the marketing playbooks (make-static-ads, analyze-performance, email-lifecycle, write-outreach): saves a short brand rule or finding in the human's own words, one idea per rule, retires…

When the user wants to add, optimize, or audit a top announcement bar or sticky banner. Also use when the user mentions "announcement bar," "top banner," "sticky bar," "promo banner," "discount…

Plan influencer marketing: creator vetting, disclosure audits, contracts, UGC. "find influencers for our launch"

Docs-first stub for Bevy tween and juice. Godot counterpart: godot-tweening. Keywords: Bevy, tween, juice, curve, gaps, ECS.

Building and maintaining scalable component libraries, design tokens, accessibility, and cross-team collaboration patterns

Lazy loading, skeletons, layout shift and loading states for AT users.

Use to manage brand guidelines, approvals, and ongoing refresh cadence.

Design and document a innovation strategy with structured process, quality checks, and system integration

Human Interface Guidelines (HIG): Hierarchy, Harmony, Consistency, Apple HIG 2026 & Material 3 / Panduan Desain Human Interface: Hierarki, Harmoni, Konsistensi, Apple HIG 2026 & Material 3.

Slides executivos: estrutura, narrativa visual e design para apresentações no Brasil

Build mesh-sampled Niagara dissolve and disintegration effects in Unreal Engine 5.8. Use when particles reproduce a static or animated skeletal mesh, peel away from its surface, or coordinate a…

Help HR teams, job analysis for compensation analysts, and job design specialists conduct job analysis, define job requirements, and document job content for job evaluation, classification, and…

用户提到情感低谷、All Is Lost 怎么写、角色怎么变化

A relentless interview to sharpen a plan or design.

Evaluates whether investing capital gains into a Qualified Opportunity Fund produces superior after-tax returns vs. a non-OZ alternative. Models BOTH OZ regimes keyed on investment date: the pre-2027…

Implements fluid typography using CSS clamp() that scales with viewport. Use when creating responsive font sizes, viewport-aware headings, or type that adapts smoothly without breakpoints.

Official GSAP skills from GreenSock: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps), and frameworks (Vue/Svelte/Nuxt). Works…

Guidelines and instructions for OpenAI GPT chat completions setups

Design sprint methodology, workshop facilitation, and rapid prototyping frameworks.

Use this skill when designing text-alignment and numeric-alignment decisions — choosing between left, right, center, and justified text; right-aligning numeric columns in tables; aligning labels…

Orchestrate multiple Claude instances on Figma canvas with box widgets, coordinated handoffs, error recovery

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence.…

Design safe WeChat follower-message automation and send customer-service text only when the user provides an explicit target and confirmation.

Add restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and small object rotations. Use for passive…

This skill is designed to help users automatically extract reviews from Google Maps via the Google Maps Reviews API. Agent should proactively apply this skill when users request to find reviews for…

将 Markdown 报告、研究笔记、行业分析、战略备忘录、技术白皮书、复盘、周报等长文档，重组并创作为有编辑判断、网页美感和证据秩序的自包含 HTML 专题页。用户要求“转成 HTML”“网页化报告”“美化报告”“做成专题页”“便于分享”“提升可读性/设计感”“把报告做成网页”时使用。必须先写 plan.md 再写 HTML，保留原文事实断言和结论强度，不套模板，不做机械 Markdown…

Apply the Law of Figure-Ground — establish which layer is foreground and actionable versus background. Use when designing modals, overlays, and depth. For emphasising one element among peers, use…

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`,…

Docs-first stub for Bevy UI layout. Godot counterpart: godot-ui-containers. Keywords: Bevy, UI, Node, Flexbox, BackgroundColor, Button.

Dung khi can viet copy quang cao TRA TIEN cho Meta, TikTok hoac Google — 6 bien the theo 3 tang pheu TOFU/MOFU/BOFU, tuan thu gioi han ky tu va chinh sach nen tang. Co Mode A cho san pham va Mode B…

Beginner-friendly workflow for IDA project export, function-range extraction, naming, type propagation, xrefs, and machine-readable artifacts. Extracts general methods and evidence practices without…

Design and document a integration planning with structured process, quality checks, and system integration

当用户要求检查 uniapp 项目在多端（微信小程序 / H5 / App / 抖音小程序等）的兼容性、排查平台差异问题、审查条件编译使用或确认三端表现一致性时触发。本 skill 输出跨平台兼容性审计报告，**不修改、不修复项目代码**。

Signpost (not a knowledge pack) for the ECSS European space standards: the E-ST-10 system engineering family, the discipline standards a reader commonly mis-cites (radiation is E-ST-10-12, not a RAM…

Templates e especificações para redes sociais: feed, stories, banners e thumbnails

帮初中与高中物理老师做以物理观念为主线的教案（高中覆盖必修与选择性必修）：概念建构→规律教学→模型建构→应用训练→课堂小结，含分层与提问链。 仅在"初中或高中的物理 + 教案设计"两个条件同时成立时建议激活，例如"浮力这节课 45 分钟怎么排""压强的概念怎么引入""加速度这个概念怎么建构""这个物理概念学生总搞混，怎么讲""浮力这一章的复习课怎么上""物理期中考完了，讲评课怎么上"。…

Turn a reference image or concept art into a playable scene: concept, asset pack, terrain, assembly.