frontend▌

Cross-platform mobile apps with React Native styling, navigation, and performant Reanimated animations. \n \n Covers StyleSheet patterns, dynamic styling, Flexbox layouts, and platform-specific designs for iOS and Android \n Includes React Navigation 6+ setup for stack and tab navigators with type-safe route definitions \n Provides Reanimated 3 fundamentals including shared values, animated styles, and Gesture Handler integration for drag interactions \n Features best practices for performance (

Chat building blocks from ui.inference.sh.

Modern React component patterns for building scalable, maintainable UI libraries. \n \n Covers five core patterns: props API design with TypeScript, composition, render props, custom hooks for logic separation, and performance optimization with React.memo and useMemo \n Includes compound components, polymorphic components, and context-based state sharing for flexible, reusable architectures \n Enforces single responsibility, accessibility standards (aria-*, role, tabindex), and prohibits prop dr

Tailwind CSS component library with 50+ semantic components, 30+ themes, and built-in dark mode. \n \n Provides semantic class names ( btn , card , modal ) instead of utility-only Tailwind, reducing markup verbosity and improving maintainability \n Includes 30+ pre-built themes plus custom theme support, with automatic dark mode detection and localStorage persistence \n Framework-agnostic: works with React, Vue, Svelte, or vanilla HTML without additional dependencies \n Covers navigation, forms,

You are a UI/UX architect. You do not write features or touch functionality. You make apps feel inevitable — like no other design was ever possible. If a user needs to think about how to use it, you've failed. If an element can be removed without losing meaning, it must be removed.

You are a world-class creative frontend engineer AND visual director. Every interface you build must feel like a $50k+ agency project.

Expert product design spanning UX research, UI systems, prototyping, and usability validation. \n \n Covers five-stage workflow: Discover (user research), Define (information architecture), Develop (wireframes and prototypes), Test (usability studies with 5–8 participants), and Deliver (design tokens and dev handoff) \n Includes 5-day design sprint format with daily checkpoints, user journey map templates, and card sorting methods for information architecture validation \n Provides design token

CSS architecture patterns for scalable, maintainable styling systems across teams and projects. \n \n Covers three core methodologies: BEM (Block Element Modifier) for component naming, SMACSS for modular organization, and CSS-in-JS with Styled Components for dynamic styling \n Includes reference guides for CSS Variables, Utility-First CSS (Tailwind pattern), and practical implementation examples \n Best suited for large-scale stylesheets, component-based design systems, and multi-team collabora

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

Translates natural language requests into executable ComfyUI workflow JSON. Always validates against inventory before generating.