frontend▌

Transform functional UI into visually stunning interfaces without design mockups. \n \n Specializes in visual enhancement, micro-interactions, and creative styling using modern CSS, Tailwind, and animation libraries like Framer Motion \n Covers color theory, typography hierarchy, spacing systems, and accessibility standards (WCAG AA contrast, keyboard navigation, reduced-motion support) \n Includes reusable patterns for glassmorphism cards, skeleton loaders, and common UI components with product

Essential reference guide for ADK agent development, covering spec-driven workflow, code preservation rules, and operational best practices. \n \n Read DESIGN_SPEC.md first as your primary source of truth; all implementation decisions must align with it \n Follow four mandatory phases: understand spec, build and implement, evaluate (using /adk-eval-guide ), and deploy with human approval \n Preserve all unrelated code when making modifications; only alter explicitly targeted segments and never c

Generates optimized prompts tailored to specific models and identity methods. Different models respond differently to prompts.

Vue Pinia state management patterns, common reactivity pitfalls, and store setup best practices. \n \n Covers three core areas: store initialization, reactivity patterns, and state management conventions \n Addresses frequent gotchas including destructuring breaking reactivity, method binding issues, and missing state in DevTools or SSR \n Provides guidance on filter persistence, URL-based ephemeral state, and scaling Pinia for production applications \n Includes troubleshooting references for \

$21

Vue 3 Composition API with script setup, reactivity system, and built-in components for single-file components. \n \n Use <script setup lang=\"ts\"> with TypeScript; leverage defineProps , defineEmits , defineModel , and other macros for type-safe component APIs \n Core reactivity includes ref , shallowRef , computed , watch , watchEffect , and lifecycle hooks; prefer shallowRef when deep reactivity isn't needed \n Built-in components cover Transition , Teleport , Suspense , KeepAlive , and

此技能提供使用 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