Design AI Skills

Bright flat-vector editorial illustration style — every colored shape sits in front of an offset black silhouette of itself (the signature depth trick, no outlines on the fills), with white hand-drawn…

Adding JSDoc/TSDoc, updating READMEs, replacing any types with proper definitions, and adding high-value comments to complex logic. Use for documentation gaps or type safety.

用户提到构图、画面不对、特写怎么构图、剪辑节奏

Implements Syncfusion .NET MAUI Radio Button (SfRadioButton) for mutually exclusive selection controls. Use when implementing radio buttons, selection controls with mutually exclusive options, or…

This skill should be used when EXPLORING a brand identity that does not exist yet. Generates premium brand-guidelines boards for competing directions, and hands the WINNING direction off into the…

A comprehensive designer toolkit by Marie Claire Dean, organised into nine plugins: design-research, design-systems, ux-strategy, ui-design, interaction-design, prototyping-testing, design-ops,…

Guidelines and instructions for LangGraph workflow node mappings

Custom cursor design, cursor states, and pointer interaction feedback.

Create polished, professional reveal.js presentations. Use when the user asks to create slides, a presentation, a deck, or a slideshow. Supports themes, multi-column layouts, code highlighting,…

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user…

Liquid Background Hero (Open Design) — use only when the user explicitly runs this skill

Present hosted widget documents on a connected macOS panel and control panel visibility or navigation.

An economics senior thesis on the employment effects of local minimum-wage increases — identification strategy, evidence, and limitations. Built as a decision-grade coursework defense deck for thesis…

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

Orchestrate the audio team — audio-director, sound-designer, technical-artist, gameplay-programmer — direction through implementation.

Extract a public-safe brand and offer profile for paid advertising from an authorized website and operator input. Triggers on: brand DNA, brand profile, brand identity, brand style, brand colors,…

Use with any iPolloWork template generating video, slides, websites or other designs from iPolloWork reference documents and a creative-context.json attachment. Read unified content, design evidence…

Design or implement responsive audio feedback for a Three.js or web game. Use for action sounds, combat layers, music states, spatial audio, mix priorities, mute controls, accessibility, mobile audio…

Apply project conventions for TypeScript types, imports, generics, factories, and runtime schemas. Use when editing `.ts` files or reviewing TypeScript design and tests, including constraints that…

Analyze a website URL and generate a redesigned, improved UI — recreate the visual design with modern aesthetics, better hierarchy, and fresh brand direction.

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.

Extract anonymized frame-by-frame body and hand trajectories from an authorized reference video, with skeleton previews, confidence evidence, and machine-readable keypoints. Use when the user asks to…

Read and manage the HubSpot CRM: contacts, contact search, deals. Trigger phrases: hubspot, CRM, contacts, deals, pipeline.

对比图/一图流：生成 A vs B 参数对比图、优劣势对比表、产品参数一图流。 用 HTML+CSS 渲染成可截图的视觉卡片，适合小红书/微博等平台分享。 使用时机：用户说"做个对比图"、"A vs B"、"参数对比"、"优劣对比"、 "一图流"、"对比表"、"哪个好"、"对比一下"。 和 chart-visualization 的区别：chart…

When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). Also use when the user mentions "brand style guide," "visual…

Use when animating characters or scenes in Godot 4.7: AnimationPlayer clips and RESET, AnimationTree state machines and blend spaces built in code, Mixamo or glTF import, loop settings, BoneMap…

Use when implementing state machines in Godot — enum-based, node-based, and resource-based FSM patterns with trade-offs

Apps do not depend on third-party libraries directly: the lowest valid package owns each one. Read before adding a dependency to apps/*/package.json, importing a new npm package from an app, or…

Use when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop, re-compose, or…

Scroll-native one-page landing that overwhelms — concept, composition, asset placement, and scroll choreography derived from DESIGN.md and the measured landing-craft codex. Trigger: '랜딩 페이지', '원페이지',…

Generate professional PDF invoices from templates

TypeGPU and raw WebGPU adapter patterns for HyperFrames. Use when creating GPU-rendered compositions with TypeGPU, raw WebGPU, WGSL fragment shaders, compute pipelines, liquid glass effects, particle…

Use this skill when you need to select evidence-backed browser, engine, device, and version coverage; triggers include 跨浏览器测试 and cross-browser testing.

Design and document a 100 day plan with structured process, quality checks, and system integration

整理宜搭已有的导航菜单时使用。支持查看菜单、新建或调整分组、移动和排序页面、隐藏或显示菜单项。

The list/roundup content type — design honestly-curated, scannable, AI-citable listicles ("7 ways to X", "best tools for Y") and expert / product / link roundups. Use when someone wants a listicle, a…

当系统提示需要防御提示注入、越狱攻击、社会工程、内容信任边界突破等安全威胁时调用此 Skill。适用于构建 AI Agent、聊天机器人、文档处理助手等任何接受外部输入的系统提示。不适用于纯内部工具调用场景或已完全隔离的沙箱环境，也不适用于 UI 布局或响应格式设计。

Use when customizing gluestack-ui themes and design tokens. Covers theme provider setup, design tokens, dark mode, NativeWind integration, and extending themes.

Create remarkable products and experiences that spread through word of mouth using Seth Godin's Purple Cow methodology Use when: **Launching a new product** and need it to stand out in a crowded…

Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.

Product strategist who converts market and audience intelligence into product definition. Use for product shaping, scope design, packaging decisions, or execution handoff — or when the user asks for…

Classifies common Oracle Fusion Security Console and Functional Setup Manager tasks by execution type, provides manual completion guidance, and routes approved ESS tasks, including LDAP…

英语综合测评设计：帮英语老师把"一张卷子"变成听说读写四维的能力测评与画像；高中按合格性考试与高考的课标口径设计。 触发语："学员英语水平如何"、"英语综合测评怎么设计"、"听说读写怎么测"、"CSE/CEFR 对照怎么用"、"学员能做什么"、"英语能力画像"、"高一英语单元测评怎么设计"、"测完之后怎么给建议"。 核心工作流：能力目标（听说读写 4 维）→ 以 CSE 描述语定级、CEFR…

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

深度天赋挖掘提示语原文。用户想找到自己被忽视或压抑的天赋、怀疑自己没有天赋、想要一份个人天赋使用说明书时使用。这是一次半小时以上的多轮深度对话，一次只问一个问题，最多十个主问题，最后产出一万字左右的说明书。

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build,…

Help a beginner or early-stage game team figure out which roles, skills, or disciplines they are missing for a given game concept and target scope. Use when someone asks who they are missing, whether…

Structure scenes, nodes, autoloads, and resources so Godot projects remain scalable and understandable.

Airy flat-vector spot illustration style — square 1:1 pale-blue canvas, delicate ~1.5-2px dark-navy linework with intentionally OPEN / unclosed outlines, flat color fills, one muted accent hue…

The container side of Service Portal — the sp_portal → sp_page → sp_row → sp_column → sp_instance hierarchy, why widget options belong on the instance and not the widget, cloning pages, and what is…

FPGA 与 ASIC 数字前端设计专家——精通 Verilog/SystemVerilog、VHDL、Vivado/Quartus、AXI/AHB 总线、时序收敛、Zynq/Intel SoC FPGA、高层次综合（HLS）。