Design AI Skills

Equips founders with practical retention and inspiration techniques grounded in selfless leadership, strategic kindness, and relationship maintenance at scale. Covers making it about the audience (not…

Implements and customize Syncfusion .NET MAUI Switch (SfSwitch) controls. Use when working with switches, toggle switches, on/off controls, or binary state controls in .NET MAUI applications. Covers…

Redesign existing websites by analyzing a live URL (via WebFetch) or a screenshot (via vision-capable models). Extracts layout, structure, colors, typography, content hierarchy, and SEO metadata, then…

Implements theme switching with semantic tokens and prefers-color-scheme detection. Use when adding dark mode, light/dark themes, color scheme toggles, or converting hardcoded colors to theme-aware…

Audits and fixes animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Guides developers to smooth, GPU-accelerated animations that…

Guidelines and instructions for Model inference execution wrappers

Designing for print output, CMYK considerations, bleed, and print-specific typography.

Connect the Tauri/Rust macOS Studio app to the CLI, MCP, receipts, and project artifacts.

Manage .design/config.json settings. Subcommands: profile, parallelism, cleanup, show.

An IT security-awareness training on spotting phishing — the tells, the drill, and what to do in the first 60 seconds. Built as a decision-grade professional training deck for all employees.

Build deterministic, editable, free-viewpoint Three.js worlds from text or structured briefs. Use for cinematic 3D terrain, semantic regions, procedural biomes, explicit landmarks, environmental…

Generate professional company tear sheets using S&P Capital IQ data via the Kensho LLM-ready API MCP server. Use this skill whenever the user asks for a tear sheet, company one-pager, company profile,…

Generate publication-quality AI illustrations for academic papers using Gemini image generation. Creates architecture diagrams, method illustrations with Claude-supervised iterative refinement loop.…

Create or edit the HyperFrames project owned by an active iPolloWork Video Studio session without changing the embedded Studio, starting another server, or writing to another project.

Transform feature briefs into structured design briefs that give designers the context they need before opening Figma. Use when asked to write a design brief, create a design handoff, brief a designer…

View Mercury bank accounts and transactions. Read-only by design. Trigger phrases: mercury, mercury balance, mercury transactions.

Help users design and facilitate product reviews that shift from status updates to strategic deep-dives, ensuring high-quality craftsmanship and organizational alignment.

生成 1080×1920 竖版营销海报，包含大标题、核心卖点和可选二维码，适合产品发布、活动宣传与朋友圈传播。当用户说“做竖版营销海报、活动宣传图、朋友圈海报、产品发布海报”时使用。横版金句卡用 card-quote，小红书知识卡用 card-xiaohongshu。

When the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when the user mentions "masonry layout," "masonry grid," "Pinterest layout,"…

Generative visual art and sketches in p5.js (self-contained HTML)

Docs-first stub for Bevy persistence boundaries. Godot counterpart: godot-save-load-systems. Not a full port. Keywords: Bevy, save, Resource, Scene, AssetServer, gaps.

Apply Clean Architecture layering, modularization, and Unidirectional Data Flow in Android projects. Use when setting up project structure, placing code in layers, configuring feature/core modules, or…

Atomize claims, expose premises and counterclaims, attach evidence/defeaters, score claim strength, and construct an inspectable argument graph independent of storage format.

将 AI 创建的老应用升级为新版主题，同步更新页面和表单样式。仅在用户明确要求升级时使用，先核验应用资格，执行前须通过 ask_human 确认；普通换色、美化不触发。

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

Resolve shared design intent and guidance.

Build an improved website clone from a URL via 6-phase gated workflow (Vite/React/shadcn/Tailwind + GitHub Pages). Use for end-to-end site rebuilds. Don't use for single-phase work.

⚠️ 已迁移到 frontend-icon-skill。图片处理与图标生成能力（压缩、转格式、改尺寸、裁剪、base64、水印、遮罩、多图合成、SVG→PNG）已整体并入 frontend-icon-skill，使用 image-forge.cjs。触发词：「处理图片」「压缩图片」「转 webp」「加水印」「图片合成」「生成图标」「做一套图标」「icon 生成」「生成 png 图标」

UI/UX design intelligence for building beautiful, production-grade web apps. Provides a live searchable design database — 161 color palettes, 57 font pairings, 50+ visual styles, 99 UX guidelines,…

Create, read, edit, fill, or reformat PDF files. Use this skill for PDF output. CREATE (generate from scratch): "make a PDF", "generate a report", "write a proposal", "create a resume", "beautiful…

Audiences believe any sound synchronized with image IS the image's sound. Real sounds often have poor dramatic effect; substitute sources work better.

Implements scalable icon systems with SVG sprites or React/Vue components. Use when setting up icon libraries, creating icon sizing tokens, optimizing SVGs, or building accessible icon buttons.

Creates social media posts for small businesses across LinkedIn, Instagram, Twitter/X, Facebook, and TikTok. Generates platform-native copy, hashtag strategies, image prompts, and carousel designs.…

Structures and organizes Storybook files for scalability using battle-tested patterns from Cassondra Roberts' "A Storybook format that scales with you". Covers story definitions, template composition,…

Select optimal Claude model tier (Haiku/Sonnet/Opus) for any task using Mixture of Experts routing — 5 modes including tier classification, cascade escalation, parallel expert panel, domain routing,…

Design-to-development handoff workflows, spec tooling, and developer-designer collaboration.

Connect the memi v2 public surfaces before publishing, onboarding agents, or writing docs.

A neighborhood zine on the disappearing corner shops — portraits, voices, and what a block loses when they close. Built as a decision-grade story deck for community, local readers.

Framework for rolling out organizational changes without chaos. Covers the ADKAR model adapted for startups, communication templates, resistance patterns, and change fatigue management. Handles…

Minimal compatibility wrapper for vibe Dialectic Mode (multi-perspective design analysis).

Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use `dark-mode-design`; for chart…

Source-anchored design rules for PrimeTween 1.4.6

Help users build a professional eye for quality, articulate the reasoning behind successful product paradigms, and develop the conviction to make high-stakes decisions before data is available.

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, and CLS prevention. Use when user says "image optimization", "alt text",…

Runs a brand's organic social: how each platform works now, a strategy per platform and two weeks of posts in the brand's or a person's real voice. Use when a marketer says "run organic social for my…

Build SwiftUI layouts using stacks, grids, lists, scroll views, forms, and controls. Covers VStack/HStack/ZStack, LazyVGrid/LazyHGrid, List with sections and swipe actions, ScrollView with…

When the user wants to add, optimize, or audit breadcrumb navigation. Also use when the user mentions "breadcrumbs," "breadcrumb trail," "breadcrumb nav," "breadcrumb links," "path navigation," "site…

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

Use when briefing or managing an EXTERNAL agency, freelancer, or production vendor — scope of work, deliverable specs, revision rounds, approval process, USD payment milestones, IP assignment and…

Generate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind config

Construct and validate an explicit causal model with measurable variables, mechanism edges, evidence links, feedback loops, interventions, counterevidence, and confidence.