Skill UI

Apply StyleSeed motions to React components using five personality seeds (Spring/Silk/Snap/Float/Pulse) or distinctive keyword moves from the motion library. Translate user vibe descriptions into precise motion parameters, recommend appropriate motions for use cases, and implement them as motion.X JSX.

Scaffold new mobile pages/screens using StyleSeed layout patterns. Provides a template with PageShell, TopBar, and BottomNav components, enforces design tokens, spacing rules, and verifies against Golden Rules.

This skill enables you to view, add, or modify design tokens within the StyleSeed design system. It manages core visual properties like colors, typography, spacing, radius, and shadows by synchronizing JSON source files with CSS implementations. Use it to maintain consistency across your UI components and ensure design system integrity during development.

This skill provides production-grade patterns for Unity's Data-Oriented Technology Stack (DOTS). It covers essential components like Entity Component System (ECS), the Job System, and the Burst Compiler, enabling developers to build high-performance, scalable games. Use this when optimizing CPU-bound logic, managing thousands of entities, or migrating traditional OOP game code to a data-oriented design.

This skill generates appropriate user feedback states for components and pages, including loading skeletons, empty states, error messages, and success toasts. It ensures consistent UI presentation by implementing specific design patterns for data-dependent areas, handling partial or full failures, and providing retry mechanisms. It follows design language references for animations and accessibility, suitable for React-based frontend development workflows.

This skill generates championship-grade test suites for any project using the WJTTC methodology. It analyzes the codebase, classifies components, and scaffolds executable test files. It emphasizes pre-defined test plans, inline testing, and two-layer testing architecture to ensure high code quality and signal integrity in CI/CD pipelines.

This skill enables developers to create Zustand stores following established patterns with proper TypeScript types and middleware. It provides templates for separating state and actions, using individual selectors, and subscribing outside React components. Ideal for React frontend development projects requiring robust state management solutions with type safety and best practices.