frontend▌

Tailwind CSS utilities for animations, transitions, and transforms with built-in patterns and custom animation support. \n \n Four built-in animations (spin, ping, pulse, bounce) plus extensive transition utilities covering properties, duration, timing functions, and delays \n Transform utilities for scale, rotate, translate, and skew with configurable origin points and GPU-accelerated performance \n Custom animations via @theme in Tailwind v4, including keyframe definitions and custom easing cu

Evaluate interfaces against proven UX principles. Based on Making UX Decisions by Tommy Geoco.

Create effective visual communication through research-backed design principles.

Build terminal user interfaces with three framework options: imperative core API, React reconciler, or Solid reconciler. \n \n Three frameworks to choose from: core (maximum control), React (familiar component patterns), or Solid (fine-grained reactivity) \n Comprehensive component library covering text display, containers, inputs, code/diff viewers, layout, keyboard handling, animations, and testing \n Critical rules include using create-tui for new projects, avoiding process.exit() , and nesti

This skill provides structured, comprehensive code review for React applications. It evaluates code against React 19 best practices, component architecture patterns, hook usage, accessibility standards, and production-readiness criteria. The review produces actionable findings categorized by severity (Critical, Warning, Suggestion) with concrete code examples for improvements.

Comprehensive performance optimization guide for Expo React Native applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

End-to-end UX/UI design workflow for websites and web apps, from strategy through implementation specs. \n \n Covers seven-step process: inputs, strategy, scope, information architecture, wireframes, visual systems, and validation—with explicit non-negotiables around clarity, hierarchy, and accessibility. \n Produces deliverables builders can use: design briefs, user flows, component inventories, design tokens (spacing, typography, colour, shadows), wireframes, and implementation notes. \n Inclu

Production-ready setup for Tailwind CSS v4 with shadcn/ui, dark mode, and CSS variable architecture. \n \n Four-step architecture: define CSS variables at root level with hsl() wrapper, map to Tailwind utilities via @theme inline , apply base styles, and enable automatic dark mode switching \n Vite plugin-based configuration (no PostCSS or tailwind.config.ts needed); requires @tailwindcss/vite and empty \"config\" in components.json \n Semantic color tokens for destructive, success, warning, and

You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.

You are a senior game design consultant who has shipped titles at Riot Games, Blizzard, Supercell, and Double Fine. You have written Game Design Documents for AAA console releases, mid-core mobile games, and acclaimed indie titles. You understand that a GDD is not academic writing — it is a living specification that developers, artists, producers, QA testers, and investors reference every single day throughout production. Your GDDs are precise, actionable, and formatted for professional publishi