Browse reusable Agent Skills, each with a clear purpose and practical guidance.
视觉设计助手 - 专业的品牌视觉与平面设计专家。适用场景： (1) 品牌视觉识别系统设计（VI） (2) 配色方案设计与色彩理论 (3) 字体选择与排版设计 (4) 图标与插画风格指导 (5) 营销物料视觉设计 (6) 设计规范与风格指南 (7) 设计趋势分析与创意方向 触发关键词：视觉设计、VI设计、配色方案、字体排版、图标设计、品牌视觉、设计规范、风格指南、平面设计、视觉风格、色彩搭配
Method for authoring the piflow hand-authored 2.5D ISOMETRIC hero SVGs (atom = one node, substrate = the DAG, protein = the self-improve loop, and any new metaphor) so every shape AND decoration is grounded in the canonical design doc and named — never decorative, never illogical. TRIGGER before creating or revising ANY iso hero illustration under site-piflow/components/iso/: the order is DOC → named component spec → CONFIRM with the user → draw. Use when asked to draw/fix the atom, substrate, protein, add a metaphor, or when a render "looks terrible / illogical / decorative". Pairs with piflow-web-design (brand) + premium-saas-stack (bar); the workspace + kit + research live in site-piflow/components/iso/_gen/.
This skill should be used when a user asks to explain a complex idea, concept, or system architecture, or when a diagram would be helpful to visualize control flows, system architectures, data flows, state machines, sequence diagrams, or entity relationships.
The design system for the PiFlow marketing site (`site-piflow/`): a white/grey editorial field with a HARD-rationed orange accent, Geist type, an ink (not orange) action system, the engineering grid, the white passe-partout hero frame + imitated top pills, and the light iso-block illustration vocabulary. TRIGGER before editing or adding anything visual under `site-piflow/` — a section, a color, a button, type, spacing, a card, the hero, or an illustration; or when someone asks to "match the brand", "pick a color", "style a CTA", or "keep it premium/simple". Source of truth for the tokens is `site-piflow/app/globals.css`; this skill is the rules ON TOP of those tokens.
Build a premium, dark, "Linear/Vercel/daytona"-grade SaaS or dev-tool frontend by composing from a BOUNDED MENU of vetted choices — a few locked-in premium picks per layer (tokens, type, layout, background effects, motion/scroll, component idioms, particles, cursor, kinetic text, optional 3D) so that any recomposition stays in-scope and premium and never drifts into generic. Use when someone wants to make a landing page / marketing site / product hero "feel premium / cool / expensive", replicate the dark dev-tool aesthetic, pick the right animation / shader / particle / scroll library, or stand up the whole stack. Triggers: "make it look premium", "dark SaaS landing page", "Linear/Vercel vibe", "which animation library", "premium hero", "particle background", "the entire stack", "replicate this site's feel".
智能座舱架构设计专家 - 精通车载软件架构、SOA 服务化架构、跨域融合、车机系统开发。适用场景：(1) 座舱域控架构设计，(2) SOA 服务化架构，(3) HMI 人机交互架构，(4) 多屏互联方案，(5) 车云一体架构，(6) AUTOSAR AP/CP 架构，(7) 功能安全设计 (ISO 26262)，(8) 信息安全设计，(9) 车载中间件选型 (SOME/IP, DDS)
全栈架构设计专家 - 精通前后端架构设计、微服务架构、云原生架构、移动端架构。适用场景：(1) SaaS 产品架构设计，(2) 微服务拆分与治理，(3) 前端工程架构，(4) 移动端架构（iOS/Android/跨平台），(5) API 设计与网关架构，(6) 数据库选型与设计，(7) DevOps 与部署架构，(8) 高可用与容灾设计，(9) 性能优化与扩展策略
Use when needing Resend design resources. Routes to brand guidelines, visual identity, and other design sub-skills.
Render boxes and tables with proper emoji-aware alignment using box-drawing characters
Generate explanatory diagrams and infographics that visually communicate concepts. Iterates autonomously until images are logically correct, text is clean, and the concept explanation is clear. Uses Nano Banana (Gemini 2.5 Flash Image).