Design AI Skills

Develop hierarchical classification systems. Creates parent-child categorical structures for content organization.

Apply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions. Flowkit is Webflow's official CSS framework…

Specifies interaction choices, action scope, reversibility, recovery, and reachable states. Use when asked to "design the flow", "should delete be undoable", "choose the control", or "review this…

| HTML 质量门禁 skill（路线 A + 路线 B 共享）。对 doc-typeset（路线 A）或 doc-edit（路线 B）输出的 HTML 进行 5 维度质量检测（design-token 合规性、结构完整性、排版合理性、文体契合度、装饰使用合理性），输出结构化检测报告，不通过则打回上游做一次定向修正（不循环）。 在 generate_word 路线 A 和路线 B 流水线中，每次…

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

Orchestrate a complete ecommerce image set for one product: confirm product facts, plan the gallery per platform (Amazon 7-image set, Taobao 5 main + detail page, Shopee, TikTok Shop, Xiaohongshu),…

Research competitor Facebook and Instagram ads from the Meta Ads Library via the Hyper MCP — search by keyword, pull full ad creative and metadata, enrich with page contact info for lead generation,…

Explore 3+ design variations in low-fi/greyscale on a labeled canvas for comparison. Use when user asks for wireframes, lo-fi, ideas, variants, sketches, many options.

把一个概念、流程或对比编译成「粗黑描边简笔人 + 扁平撞色块」风格的说明插图提示词——纯白底、圆头无五官的黑线小人、无描边的饱和色块、块内白色细线图标、细黑连接线与箭头。用户提到说明插图、概念图、流程图配图、扁平插画、简笔小人插图、白底扁平风、explainer illustration、flat vector…

Create production-ready Kubernetes manifests for Deployments, Services, ConfigMaps, and Secrets following best practices and security standards. Use when generating Kubernetes YAML manifests, creating…

爱情类型视觉设计预设。触发词：爱情、浪漫、温暖、亲密、心动、告白。用于明确需要此类型的画面设计、图像/视频提示词、视觉参数查询与诊断；保留摄影、光色、空间、动作、材质、连续性及 style_route/style_module 接口。

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

Interactive consulting case interview practice with structured frameworks, feedback mechanisms, and progressive difficulty. Use when preparing for management consulting interviews, case competitions,…

Discover and import design tokens from SUBSCRIBED Figma team libraries into the current file. Use when the user wants to reuse tokens that live in a shared library: triggers 'list library variables',…

Write competitive research proposals for NSF, NIH, DOE, DARPA, and Taiwan NSTC. Agency-specific formatting, review criteria, budget preparation, broader impacts, significance statements, innovation…

Work out with the user what their product is before anything is drawn, and write it down as PRD.md at the root of their project, where the canvas shows it as a tab, ending in a short PRD whose screen…

Wire a rigged character end to end: real clips and bones, locomotion states, method tracks, root motion.

Create a presentation using the Simple Dark Mode template and its retained reference file. Use when the user selects or names Simple Dark Mode. Create clean dark-mode presentations with bold…

Design system reasoning. Maps product domain to style, palette, typography, and platform-specific patterns. Generates .rune/design-system.md as the shared design contract for all UI-generating skills.

Define tileset creation, auto-tile rules, collision shapes, and tilemap configuration for 2D levels.

High-level funnel strategy skill. Helps define the funnel's goal, target audience, price point, traffic source, and overall conversion path before any code is written. Use this FIRST before selecting…

Use when preparing an iOS app for a first App Store listing or a listing refresh — App Store Connect questionnaires (age rating, App Privacy, encryption, content rights, review notes), zh/ja/en store…

Triggers when researching competitive or professional positioning: market intelligence, engineer brands, profiles, and content strategy. Research and strategy only — not code.

Apply Porter's CSV framework to align business goals with social progress when defining corporate purpose, addressing social issues through business operations, designing business models, or evolving…

Create or edit a PostHog freeform canvas — a sandboxed browser application (data board, document, form, small tool, graphics experiment) stored in PostHog and rendered by the desktop/web app. Use when…

Write accessibility fixes for specific WCAG failures — ARIA, focus management, keyboard patterns. Use when asked to "fix this accessibility issue", "add ARIA labels", or "make this keyboard…

This skill should be used when the user asks to "make an ASCII animation", "build a terminal/CLI intro or loader", "convert an image or video to ASCII art", "add an ASCII shader/post-effect to a…

Apply Anthropic brand colors and typography when the user requests Anthropic visual identity or an Anthropic-branded artifact.

Integrate and validate PixiJS rendering pipelines inside Svelte applications. Use when wiring Pixi application lifecycle to Svelte component lifecycle, handling mount/unmount cleanup, coordinating…

The branded entry point to ServiceGraph — use whenever the user explicitly names **ServiceGraph** — "use ServiceGraph to…", "what datasets does ServiceGraph have", "search ServiceGraph for…", "look…

小红书（Xiaohongshu/RED）公开笔记与用户数据分析 skill，通过 MaxHub API 查询笔记详情、评论、用户资料、搜索、话题、商品/种草内容、推荐流与蒲公英（PGY）创作者商业化数据。适合品牌种草分析、KOL 画像、内容选题、竞品监控、评论洞察与蒲公英博主选号。默认 read-only；PGY 域为 POST 写入式查询（high risk），调用前需用户显式确认；agent…

Conversion rate optimization audit — analyze a landing page, signup flow, or checkout funnel using the 5-layer CRO stack (technical performance, traffic quality, offer/pricing, design/layout,…

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape)…

How to reliably open a markdown file in a cmux right pane without it rendering blank. Use whenever opening/showing/rendering a .md file in cmux's right pane via `cmux markdown open`. Covers the…

Create an explanatory animation in Manim from a precise concept, scene plan and verified local renderer.

Design system architecture: W3C design tokens, Style Dictionary pipelines, component library structure, theming, multi-brand token tiers, governance, versioning, and maturity models. Use when starting…

Before/After UI showcase — split-screen wipe reveal comparing two product states, UI redesigns, or workflow improvements. Routed from remotion-pro orchestrator.

Create beautiful PDFs with professional typography, read/extract text from PDFs, and edit/manipulate existing PDFs.

Help users build content marketing strategies. Use when someone is starting a blog, building SEO, creating thought leadership content, or deciding on content formats and distribution channels.

Auto-generated skill for mcp-server-chart tools via OneKey Gateway.

Design, structure, or improve form interfaces for clarity, completion rates, and user confidence. Use when the user asks to build a form, redesign a form flow, improve form conversion, add multi-step…

Diagnose a codebase's frontend design maturity and route the work through the right sequence of frontend-design skills. Use when the user makes a broad or vague design request — 'make this look…

Use when specifying one AI-powered feature end to end, including model choice, prompt and context contracts, output schema, fallbacks, human oversight, UX states, and evaluation.

Official Callstack React Native skills covering best practices (profiling, FPS, re-renders, native modules), React Navigation, TV apps, library creation, GitHub Actions build artifacts, React Native…

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape)…

Programmatically generate Unreal Engine 5.x Blueprint and Widget Blueprint .uasset files from C++. Use when building a content generator for Fab/Marketplace samples, Quick-Start kits, tutorial assets,…

Guidelines and instructions for Agent trace logger logs tracking

Badge design, tag systems, chip components, status indicators, and label patterns.

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing…

Use when finished frontend work needs an honest SHIP or HOLD — a fast evidence pass by one agent in minutes, or a fail-closed deterministic release gate when stakes justify machinery. Verdict first,…

Apply the principle of Wabi-Sabi — the aesthetic embrace of imperfection, impermanence, and naturalness. Use when designing for warmth and authenticity, creating spaces that feel lived-in rather than…