Design AI Skills

Guidelines and instructions for Pandas CSV import parser parameters

Design forms that exploit closure — suggesting shapes through partial outlines, negative space, or strategic gaps so the user's perception completes them. Use when designing icons that need to read at…

Frame product opportunities from user, business, technical, and market evidence into testable problem statements, priorities, risks, and success criteria. Use before solution design when the team is…

Chat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat interfaces, message lists, input handling,…

Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.

Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.

Add a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or settling, pointer disturbance, visibility pausing, responsive…

Define a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale inside components use `spacing-system`; for cross-device…

Check OpenAI API access and list the models your key can use. Read-only. Trigger phrases: openai, openai models, what models do I have access to.

Cluster keywords into pillar and spoke pages by SERP overlap via script. "cluster these keywords"

Expert blueprint for visual novels (Doki Doki Literature Club, Phoenix Wright, Steins;Gate) focusing on branching narratives, dialogue systems, choice consequences, rollback mechanics, and persistent…

Amazon Sponsored Display campaign strategy and optimization. Audience targeting, retargeting campaigns, creative optimization, and performance management. Use when the user asks about Amazon display…

Responsive web design patterns, mobile-first CSS, container queries, fluid typography, and accessibility-first layouts

Use to compile visual inspiration, color palettes, and typography references for creative concepts.

Analyses bidding strategy and auction design — how much to bid, how to avoid the winner's curse, and how to design revenue-maximising or efficient auctions. Triggers: 'bidding strategy', 'auction…

uniapp 常用「组件化页面」技能。内置 22 个组件（6 基础 + 6 业务 + 10 页面），以空卡片 base-card 为万能抽象、base-avatar 统一头像渲染，业务组件全部组合空壳实现。组件 slot 自由填充、可加新 prop、自动接入 uniapp-theme-skill 主题系统，支持自动检测项目主题对齐、自动替换…

Design e estrutura de pitch decks e apresentações executivas para captação e vendas

Help users write effective specs and design documents. Use when someone is creating technical specs, feature specs, design docs, or trying to communicate product requirements to engineering and design…

Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design something new, or names Hallmark. Never use it on an existing design unless the…

Generates systematic z-index tokens for layering management. Use when organizing stacking contexts, modal/dropdown z-index, tooltip layers, or fixing z-index conflicts. Outputs CSS, Tailwind, or JSON.

Audits interface source code (Swift, UIKit, AppKit, React, Vue, Svelte, Angular, Compose, Android XML, Flutter, CSS, HTML) for Apple HIG-aligned interface and accessibility problems by running the HIG…

Guidelines and instructions for Pandas DataFrame columns selectors

Apply the Gestalt principle of Closure — the perceptual tendency to see incomplete shapes as whole. Use when designing icons (a few strokes can imply a closed shape), illustrations (negative space…

React Native code generation from Memoire specs — NativeWind styling, Expo-compatible, platform-specific patterns

When the user wants to deploy AI sales development reps, automate sales qualification, build signal-to-action routing, or design AI agent architecture for sales. Also use when the user mentions 'AI…

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-reveal, animate-on-scroll, or sequencing element…

Design to iOS and Android conventions — what each OS mandates, where they diverge, and when to unify. Use when shipping native apps. For breakpoint adaptation use `responsive-design`; for matching…

Use when the user asks to "build a message house", "write a PR-FAQ for our launch", or "define the launch narrative and value pillars"; derives from the positioning canvas a message house — tagline,…

Manim CE animations: 3Blue1Brown math/algo videos.

Browse OpenRouter's model catalog and check your key usage. Trigger phrases: openrouter, model prices, openrouter key.

Premium A+ and Brand Story — module design, lifestyle imagery, comparison charts, mobile optimization

Guided wizard to start a new feature. Asks what you want to build, recommends the right starting wave, and launches it.

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

The Synthesia craft skill — produce avatar video (training, onboarding, explainers, localized series, faceless educational content) with the consent-first architecture and honest fit boundaries. Use…

Feedback estruturado e direção em projetos de UI/UX, protótipos e interfaces

Expert guidance for building modern Android UIs with Jetpack Compose, covering state management, navigation, performance, and Material Design 3.

Guides leaders in building effective upward relationships with their managers and senior executives. Covers keeping bosses informed, demonstrating strategic thinking to skip-level leaders,…

Syncs design tokens between code and Figma using Variables API or Tokens Studio plugin. Use when establishing Figma-to-code workflows, exporting Figma tokens, or setting up design-development handoff.

HTML PPT Studio: author static HTML presentations from templates. One theme file is one look, one layout file is one page type, one animation class is one entry effect. Includes full-deck templates,…

Guidelines and instructions for Pandas datetime column parsing rules

Token architecture, component design, naming conventions, theming, and scaling design systems that people actually use.

Use this skill when designing color systems that must satisfy accessibility requirements, work in both light and dark modes, support high-contrast preferences, and remain meaningful for users with…

Design backlog - add/list/pick design tasks. Writes to .design/TODO.md.

Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover…

Set line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Covers measure only — for the full size and weight scale, use `typography-scale`.

Establish durable brand and voice context for cross-skill consumption. Generates BRAND.md (audience, positioning, do/don't editorial rules, taboo phrases, competitor differentiation) and VOICE.md…

Implement type-safe Jetpack Navigation Compose routes using Kotlin serialization. Use only when defining typed Compose destinations and arguments; defer XML navigation, deep links, animations, and…

Best practices for utility-first CSS with Tailwind, responsive design, and component patterns

動画スクリプトからAI画像生成で絵コンテ（ストーリーボード）を作成するスキル。 「絵コンテを作って」「ストーリーボード生成」「スクリプトから画像を作成」等で発動。

Turn a retirement portfolio into sustainable lifetime income: sequence-of-returns risk, the 4% rule and its assumptions, Guyton-Klinger-style guardrails, RMD calculation from the Uniform Lifetime…

使用 HyperFrames 将所有素材按分镜时间码串联，添加文字层、动画、转场，渲染成完整宣传片 MP4。这是整个流程的核心渲染引擎。当素材确认后自动进入。