设计技能

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build vue-web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any vue-web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

中文简介正在准备中。当前显示原文说明。

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

中文简介正在准备中。当前显示原文说明。

Turn a game-level brief or existing scene snapshot into a reviewable spatial plan, then apply approved changes with coordinate, navigation and scene checks. Use for layouts, encounter placement and terrain plans.

中文简介正在准备中。当前显示原文说明。

Design and implement game HUDs, menus, icons and portrait systems from visual proposals through reusable engine assets and input checks. Use when a game interface needs a coherent visual and behavior contract.

中文简介正在准备中。当前显示原文说明。

Choose a workflow for 3D concepts, meshes, materials, animation, game VFX, UI, levels, audio and native visual review.

中文简介正在准备中。当前显示原文说明。

Connection management, room patterns, reconnection strategies, message buffering, and binary protocol design.

中文简介正在准备中。当前显示原文说明。

VP Engineering perspective - org design (team topologies), process improvement, cross-team dependencies, engineering culture, OKRs, incident management maturity, platform strategy, DX optimization, release management at scale

中文简介正在准备中。当前显示原文说明。

50+ named UX rules with numeric thresholds, 30+ UI styles catalog, industry anti-patterns, pre-delivery checklist

中文简介正在准备中。当前显示原文说明。

Generate design docs, ADRs, and concept docs from existing code by reverse engineering intent

中文简介正在准备中。当前显示原文说明。

Topic design, partition strategies, consumer group patterns, exactly-once processing, and dead letter queue handling.

中文简介正在准备中。当前显示原文说明。

Protobuf schema design, streaming patterns, interceptor chains, deadline propagation, and error handling for gRPC services.

中文简介正在准备中。当前显示原文说明。

Schema design, resolver patterns, DataLoader, N+1 prevention, and subscription patterns for GraphQL APIs.

中文简介正在准备中。当前显示原文说明。

Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with frontend, scaffolding backend service, building todo app, building CRUD app, building real-time app, building chat app, Express + React, Next.js API, Node.js backend, Python backend, Go backend, designing service layers, implementing error handling, managing config/auth, setting up API clients, implementing auth flows, handling file uploads, adding real-time features (SSE/WebSocket), hardening for production. DO NOT TRIGGER when: pure frontend UI work, pure CSS/styling, database schema only.

中文简介正在准备中。当前显示原文说明。

Django architecture patterns, REST API design with DRF, ORM best practices, caching, signals, middleware, and production-grade Django apps.

中文简介正在准备中。当前显示原文说明。

React error boundary hierarchy, fallback UI patterns, offline-first fallback, retry mechanisms, and graceful degradation.

中文简介正在准备中。当前显示原文说明。

Mapping design, query optimization, aggregation patterns, index lifecycle management, and search relevance tuning.

中文简介正在准备中。当前显示原文说明。

Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

Voice framework, visual identity standards, color palette management, typography specs, brand consistency

中文简介正在准备中。当前显示原文说明。

Reverse-engineer and clone a website in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases like "make a copy of this site", "rebuild this page", "pixel-perfect clone". Provide the target URL as an argument.

中文简介正在准备中。当前显示原文说明。

Type design analysis — encapsulation, invariant expression, usefulness, and enforcement.

中文简介正在准备中。当前显示原文说明。

Execute the implementation planning workflow using the plan template to generate design artifacts.

中文简介正在准备中。当前显示原文说明。

Provides design token system and theming framework for consistent, customizable UI styling across all components. Covers complete token taxonomy (color, typography, spacing, shadows, borders, motion, z-index), theme switching (CSS custom properties, theme providers), RTL/i18n support (CSS logical properties), and accessibility (WCAG contrast, high contrast themes, reduced motion). This is the foundational styling layer referenced by ALL component skills. Use when theming components, implementing light/dark mode, creating brand styles, customizing visual design, ensuring design consistency, or supporting RTL languages.

中文简介正在准备中。当前显示原文说明。

Design production-ready SDKs with retry logic, error handling, pagination, and multi-language support. Use when building client libraries for APIs or creating developer-facing SDK interfaces.

中文简介正在准备中。当前显示原文说明。