frontend▌

Comprehensive UI refactoring guide based on Refactoring UI by Adam Wathan & Steve Schoger, implemented with Tailwind CSS utility classes. Contains 52 rules across 9 categories, prioritized by design impact to guide automated refactoring and code generation. Uses Tailwind CSS v4 syntax (v3 notes provided where syntax differs).

High-level system architecture design, decision documentation, and technology trade-off evaluation for distributed systems. \n \n Guides full architecture workflows from requirements gathering through stakeholder review, with explicit trade-off analysis and failure mode planning \n Produces architecture diagrams (Mermaid format), Architecture Decision Records (ADRs), and technology recommendations with documented rationale \n Covers architectural patterns, microservices structuring, scalability

Modern React state management with Redux Toolkit, Zustand, Jotai, and React Query for every state category. \n \n Covers five state types: local component state, global state, server state, URL state, and form state, with recommended solutions for each \n Includes complete TypeScript patterns for Redux Toolkit slices, Zustand with scalable slice architecture, Jotai atomic state, and React Query with optimistic updates \n Demonstrates combining client state (Zustand) with server state (React Quer

Complete reference for migrating UWP apps to WinUI 3 with before/after code examples. \n \n Maps all namespace changes from Windows.UI.Xaml.* to Microsoft.UI.Xaml.* , plus threading, windowing, and dialog APIs \n Covers the three most common Copilot mistakes: ContentDialog without XamlRoot, MessageDialog usage, and CoreDispatcher patterns \n Includes migration tables for window management, pickers, background tasks, settings, and GetForCurrentView() replacements \n Provides a 15-item migration c

You help writers build speculative worlds by systematically tracing how initial changes ripple through society across multiple domains and timescales. Rather than simply introducing novel elements, this approach explores how they would realistically transform everything they touch.

Self-contained HTML dashboards with Chart.js, filters, and professional styling. \n \n Provides complete patterns for KPI cards, line/bar/doughnut charts, sortable data tables, and dropdown or date-range filters that update all visualizations instantly \n Includes pre-built CSS system with responsive grid layouts, color variables, and print-friendly styling that works without external frameworks \n Embeds all data and logic directly in a single HTML file; no server or build step required \n Reco

CSS, JavaScript, and HTML standards for building Shopify Liquid themes with progressive enhancement and design tokens. \n \n BEM naming convention with single-level element nesting, CSS custom properties for all design values, and logical properties for RTL support \n Web Components pattern for component-scoped JavaScript using native browser APIs only; no external dependencies \n Progressive enhancement: semantic HTML first, then CSS, then optional JavaScript enhancements \n Defensive CSS pract

Expert UX design guidance for research, wireframing, prototyping, and design strategy. \n \n Covers the full UX process from user research and persona building through prototyping, usability testing, and design handoff \n Includes critical rules for accessibility (WCAG compliance), information architecture, interaction design, and visual hierarchy organized by priority \n Provides structured templates for personas, user flows, and design reviews with specific criteria and remediation guidance \n

Material Design 3 and Jetpack Compose patterns for building modern, adaptive Android applications. \n \n Covers Material Design 3 components (cards, buttons, navigation, text fields, dialogs) with dynamic color theming and tonal palettes for accessibility \n Provides Jetpack Compose layout patterns including Column/Row, LazyColumn/LazyVerticalGrid, and adaptive layouts for phones, tablets, and foldables \n Includes navigation implementations for bottom navigation, navigation drawers, and Navigat

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