Design AI Skills

Recreate an image, screenshot, or mockup as a 1:1 UI implementation. Match the reference rather than redesigning it, then render and compare the result to correct visible differences.

在当前任务清单中按优先级和位置追加事项并保留已有状态。支持明确输入与结果回读。Use to add an item to the current task list.

Use when handling customer-facing OCI landing zone design or deployment questions, especially when the customer describes an outcome such as running OKE and may not know repo terms such as One-OE, hub…

Turn a user-provided video into an Apple-style, scroll-driven website with smooth canvas video scrubbing, optimized WebP frame sequences, progressive loading, and responsive motion. Use for cinematic…

当用户已经有电商详情页文案、HTML 图、原型图、产品图、包装图，想逐屏判断信息任务、推荐视觉风格、生成单屏详情页设计、逐屏修改确认，并最终拼接成 750px 电商详情页长图时使用。

Audit a Figma screen or component for design-system integration drift, including missing shared components, local overrides, and unbound tokens.

Design clear public Nim APIs for libraries and modules, including exported types, constructors, parameter ownership, lookup functions, error contracts, and container-style interfaces. Use when…

Stanford d.school design thinking facilitator. Use when the user wants to: brainstorm, ideate, generate ideas, run a design thinking session, create How Might We statements, use SCAMPER, do Crazy 8s,…

Assisted-animation and editing workflow for YouTube channel videos, built on Remotion. Sets up or resumes the project (Remotion, yt-dlp, headless Chromium, GPU renders, local voice and transcription),…

Art direct and create original YouTube thumbnails, thumbnail redesigns, Instagram carousels and social posts using category research, an offline design library and image-led creation.

创建、修改、换肤和评审真正经过设计的可编辑飞书白板。适用于信息图、流程图、系统图、 时间线、决策板、海报和可视化讲解：先锁定内容事实与设计简报，再按白板媒介构图，机械检查 SVG，查看真实渲染，并在重要交付前做独立终审；避免等大卡片网格和凭空补造关系。飞书写入 使用扣子平台授权，授权暂不可用时仍交付本地 SVG + PNG。

Incremental LLM-friendly wiki generator for Obsidian note vaults. Use when: (1) Building wiki from notes, (2) Ingesting notes to wiki, (3) Obsidian LLM wiki, (4) Incremental knowledge base management.…

Generate and manage all Chrome extension assets: icons (16–128px), CWS listing images, promotional tiles, and public/ folder setup. Supports ImageMagick, Gemini API, and manual prompt templates.

Enforces adapting layout by available CONSTRAINTS/size, never device or platform checks — LayoutBuilder + MediaQuery.sizeOf/paddingOf/viewInsetsOf (not .of) for narrow rebuilds, Material 3 window size…

生成粗像素 RPG 横屏讲解片，按实际生图能力分为参考角色生图与纯代码两条路线。有生图用4×4动作小人和独立半身表情图，无生图用半身、大头平面脸、无突出鼻子的代码角色；两路都配角色专属场景、语义组件与确定性MP4导出。适用读书讲解、像素讲堂、像《刻意练习》那种视频及大小人物样片。

Best practices for Remotion - Video creation in React

Build or review Android interfaces in Compose or Views, including Material conventions, accessibility, adaptive layout, and state.

Use when a method is not yet beating its baseline and the next change has to be chosen, including improving a model, reaching state of the art, deciding which component to add next, measuring headroom…

为 AI Agent 提供基于 shadcn/ui 极简现代美学的单文件 HTML 组件化规范与母版体系。当用户要求“生成 HTML 页面/网页”、“前端可视化大盘/看板”、“面试/分析/测试报告”、“对比矩阵/方案比对”、“review 结果做成可视化页面”、“代码审查报告 / 把 diff 做成可视化审查页”、“不要输出 markdown…

Generate transparent-background raster assets with Codex image generation plus deterministic cleanup. Use when the user wants a PNG sticker, icon, mascot, sprite, UI asset, or web-ready visual element…

Create and refine consulting reports, decision memos, and executive presentations, including storylines, exhibits, visual design, and artifact review. Use for PowerPoint decks, executive summaries,…

品牌广告与 TVC（官方） —— 宣传片线方向之一：用户自定义时长的官方品牌广告或 TVC：产品片、剧情 TVC、品牌大片与系列 Campaign。

基于《AI 需求探索与确认提示词 V10.0》的交互式需求探索技能：由 AI 主导八阶段结构化访谈，把一句话或一段原始业务需求逐步转化为符合《软件需求编写规范 V10.0》（九部分 + 附录 A、54 项自检）且可直接驱动本体建模与 AI 编码的软件需求规格说明书，并配套交付《编制说明》。当用户提出"做需求探索 / 需求分析 / 需求访谈 / 需求确认 / 写需求文档 / 需求规格说明书 /…

Investigate and prioritize vulnerable images in a Sysdig-monitored environment via two flows, routed from the user's goal. Plans flow — plan-driven prioritization: pick an admin-configured Plan (or…

Use this skill when writing CSS for Divi 5 / Divi 5.11, styling Divi modules (buttons, sections, rows, blurbs, toggles, forms including the 5.3 Contact Form 7 Styler and 5.11 Gravity Forms module),…

Assess the health and consistency of an existing brand — identity, messaging, voice, positioning, and market perception. Use when the user says "brand audit", "brand review", "assess our brand", "is…

Establish or update a client's visual identity, reusable tokens and graphic conventions from their preferences and supplied assets.

Build and refactor UI with Aksel, Nav's design system. Use for frontend tasks involving Aksel, Nav/Navikt, or @navikt/ds- and @navikt/aksel-packages, and for Figma-to-code with Aksel. Covers…

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. Uses…

Use when 需要生成或改造 Vue 3 应用界面，涉及页面结构、布局、配色、排版、响应式、视觉风格、界面文案或交互反馈时使用；纯业务逻辑、构建错误修复和只读分析不使用。

Generate leftover PlantUML types Mermaid cannot do easily (Salt wireframes, use case, timing, ArchiMate, nwdiag, WBS) and convert them to PNG/SVG. Use when asked for a wireframe, PlantUML image…

Turn one topic into a knowledge explainer video that is easy to follow, good to look at and makes people want to watch to the end (on-screen text over music, the kind that took off under Douyin's…

c2d2c c2d pipeline — the rules and process for exporting anything from code INTO Figma (code-to-design), UI components, state matrices, and design tokens/variables alike, and for keeping the token…

Load this skill whenever the project contains in-page anchor links, skip links, fragment identifiers, or heading links. Under no circumstances omit accessible anchor-link requirements when such links…

Create, restyle, or rebuild Chinese academic PowerPoint presentations from papers, theses, reports, figures, notes, templates, screenshots, or visual mockups. Use for presentation planning, Template…

专精前端设计指南，用于创建美观、现代的用户界面。适用于构建落地页、仪表盘或任何用户界面。

Build a quick HTML page when the owner asks for one: a prototype, a small tool, options to compare side by side, a plan, explainer or report, a diagram, a mini deck, or an editor that exports its…

DeckCraft is the ArtCraft open-source, clean-room PowerPoint-compatible presentation app for macOS (also Windows, Linux, FreeBSD and the web): slides, masters and layouts, shapes, 3-D, text, tables,…

Create or audit Claude Code skills. Synthesizes source material (articles, frameworks, talks) bottom-up into strategic, interactive skills — or audits existing skills through a multi-lens framework.…

Mobile development intelligence. 12 domains, 9 stacks, 250+ entries. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check mobile code. Domains:…

Install, customize, launch, verify, repair, update, or restore Codex Dream Skin Studio on macOS. Use when a user wants to turn a personal image into one continuous full-window Codex wallpaper with…

API change detection rules, critical file paths that trigger @api-guardian, consumer impact analysis requirements, and breaking change protocols

Plan or classify a Buildable app idea into an archetype, ask-vs-build decision, phase plan, references, mock-data guidance, and local-first app spec. Use for Buildable product planning and ambiguous…

Use for fast target-first local Chrome/Chromium browser control with stable labeled tabs, signed-in profiles, anonymous sessions, compact reads, screenshots, console logs, network request/response…

(alamops) App Store Optimization (ASO) for the iOS App Store and Google Play — audit, write and rewrite store listings to rank and convert. Triggers — "/appstore-seo", app store SEO/ASO, "improve my…

Generate mass ad copy variations, headlines, descriptions, and visual prompts for Meta/Google/TikTok Ads.

Use this skill when an existing multi-day public-class teaching site needs to be condensed and re-packaged for a corporate in-house training — typically a half-day or one-day intensive (e.g. 4-day…

Review UI code or a running page against the Array UI (array-ui) editorial systems rules (0% custom CSS, hairline borders, Assistant typography, signature crimson, tooltip wrapping, and…

Assess, set up, and verify how an AI development environment uses an organization's actual design system. Use when someone wants to keep AI on their system's rails, connect system knowledge and tools…

Use this skill when the user asks to "make a figure bible", "set up a style bible", "create a figure theme", "make a theme for my figures", "set up a figure style", "palette for my paper figures", or…

Route the external scene-concept-art-director specialist into Acheng assets without creating a second production truth.