Skill UI

This skill orchestrates full-stack feature development across backend, frontend, and infrastructure layers using an API-first approach. It coordinates specialized agents to manage architecture, implementation, and deployment, ensuring separation of concerns, comprehensive testing, and production-ready delivery with modern practices like observability and progressive rollouts.

Master modern Tailwind CSS v4 development with CSS-first configuration, container queries, and design tokens. Learn responsive layouts, dark mode, and component extraction strategies for efficient frontend engineering.

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 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.

This skill analyzes a codebase to identify specific moments where motion would genuinely benefit the user experience. It proposes precise animation recipes based on Emil Kowalski's philosophy, focusing on restraint and purpose. It evaluates candidates against a strict gate regarding frequency, purpose, speed, and function, rejecting unnecessary animations. It does not implement code but provides actionable strategies for frontend development.