frontend▌

此技能提供使用 wot-ui 组件库开发应用程序的专业知识。

Use when:

Production-grade UI design with design tokens, layout rules, motion guidance, and accessibility validation. \n \n Provides structured design token system covering colors, typography, spacing, shadows, and breakpoints for consistent scaling across projects \n Includes layout specification templates for different page types (landing, dashboard, form, blog, e-commerce) with responsive breakpoint rules \n Offers motion guidelines with easing curves, transition durations, and interaction patterns for

Professional UI/UX design creation in Penpot with MCP tools, design systems, and accessibility standards. \n \n Four MCP tools enable design creation, modification, export, and API access within Penpot's plugin context \n Includes discovery workflow to identify existing design systems, components, and tokens before building new designs \n Covers responsive layouts for mobile (375×812), desktop (1440×900), and platform-specific guidelines (iOS, Android, Material Design) \n Provides default design

No Chat Output: Produce the handoff document only. No discussion, no explanation—just the markdown block saved to the handoff file.

Expert UI/UX designer for design systems, accessibility-first interfaces, and user-centered workflows. \n \n Covers design systems mastery including atomic design, design tokens, component libraries, and multi-brand architecture with governance strategies \n Specializes in accessibility and inclusive design with WCAG 2.1/2.2 compliance, color contrast analysis, and cognitive accessibility principles \n Provides user research methodologies including interviews, usability testing, A/B testing, and

Use this skill whenever the user wants to:

A practical framework for managing the fundamental challenge of software engineering: complexity. Apply these principles when designing modules, reviewing APIs, refactoring code, or advising on architecture decisions. The central thesis is that complexity is the root cause of most software problems, and managing it requires deliberate, strategic thinking at every level of design.

本技能提供 Vue 2.x 框架的完整开发指南，包括 Options API、组件系统、路由管理、状态管理（Vuex）、生命周期等核心概念和最佳实践。

Guidelines for building high-quality Expo React Native applications with JavaScript, focusing on clean code, modularity, and performance.