frontend▌

Role: Phase 2/3 - Planning and Solutioning UX specialist

Tailwind CSS v4.0 was released January 22, 2025, featuring a complete rewrite with a Rust-based engine, CSS-first configuration, and significant performance improvements.

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. \n \n Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices \n Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact \n Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purp

Comprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issues. \n \n Organized by feature area (reactivity, computed, watchers, components, templates, forms, lifecycle, SSR, TypeScript, and more) with direct links to specific error scenarios and fixes \n Covers Vue 3 specific gotchas including ref unwrapping, proxy identity hazards, v-model composition events, template ref timing, and hydration mismatches \n Addresses async pat

Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.

Modern frontend development toolkit with React, Next.js, TypeScript, and automated optimization. \n \n Three core Python scripts automate component scaffolding, bundle analysis with performance metrics, and full project scaffolding with built-in best practices \n Includes reference guides for React patterns, Next.js optimization strategies, and frontend best practices covering code quality, performance, security, and maintainability \n Supports a broad tech stack spanning React, Next.js, React N

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

Mobile-first CSS layouts using Flexbox, Grid, media queries, and responsive images across all devices. \n \n Covers mobile-first design progression from 320px through large screens (1440px+) with standard breakpoint definitions \n Implements Flexbox for 1-dimensional layouts and CSS Grid for 2-dimensional layouts, with practical examples for navigation, cards, and dashboards \n Includes responsive image techniques: srcset for resolution-aware loading, picture element for art direction, and CSS b

Create, edit, read, and manipulate PowerPoint presentations with design guidance and quality assurance workflows. \n \n Supports three primary workflows: reading/extracting text from existing .pptx files, editing presentations via template unpacking and repacking, and creating decks from scratch using PptxGenJS \n Includes 10 curated color palettes and typography pairings designed to avoid generic AI aesthetics, plus layout patterns (two-column, icon rows, grids, half-bleed images) with specific

Diagnose world-level problems in fictional settings. Identify what's missing or unconvincing and recommend specific interventions.