frontend▌

Audience-centered presentation design framework covering planning, visual strategy, cognitive load, and evaluation. \n \n Provides assertion-evidence structure to replace bullet points with clear claims supported by visual evidence, reducing cognitive overload \n Includes four evaluation phases: audience and content planning, visual strategy, cognitive load management, and structure patterns with scoring rubrics \n Covers five common anti-patterns (data dumps, script reading, template traps, ani

Diagnose and fix SwiftUI performance issues through code review and Instruments profiling guidance. \n \n Classifies symptoms (slow rendering, janky scrolling, CPU spikes, memory growth, hangs, excessive view updates) and performs code-first review against common anti-patterns like invalidation storms, unstable list identity, and layout thrash. \n Guides users through Instruments profiling when code review alone is inconclusive, with structured intake checklists and trace analysis. \n Provides r

Only use the $state rune for variables that should be reactive — in other words, variables that cause an $effect, $derived or template expression to update. Everything else can be a normal variable.

Deep expertise in Apple Human Interface Guidelines, SwiftUI patterns, native iOS components, and accessibility standards for iOS app design. \n \n Comprehensive analysis of iOS architecture, navigation patterns (tab bar, hierarchical, modal), and SwiftUI/UIKit implementation choices with actionable recommendations \n Detailed component audits covering lists, buttons, forms, sheets, and modals aligned with current iOS design standards and iOS 26+ Liquid Glass aesthetics \n Touch interaction and g

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.

$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 组件库开发应用程序的专业知识。