frontend▌

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

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

This skill provides comprehensive guidelines for authoring content in adev/src/content. It combines Google's technical writing standards with Angular-specific markdown conventions, components, and best practices.

Guide users through their first complete trade on Hyperliquid via Senpi. This skill teaches the core loop: discover top traders → create a strategy that mirrors a chosen trader → monitor → close strategy.

Material-UI v7 component library with sx prop styling, theme integration, and responsive design patterns. \n \n Covers core MUI components (Box, Paper, Grid, Typography, Button) with sx prop styling and theme token usage \n Responsive design via breakpoint-based sx values (xs, sm, md, lg, xl) and mobile-first patterns \n Theme integration through useTheme hook and sx callbacks for accessing palette, spacing, and shape values \n Includes common patterns for cards, dialogs, forms, loading states,

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. \n \n Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns \n Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles \n Translates technical values (Tailwind classes, border-radius, shadows) into evocati

Core UI/UX Foundation - Enterprise-grade UI/UX foundation integrating design systems (W3C DTCG 2025.10), component architecture (React 19, Vue 3.5), accessibility (WCAG 2.2), icon libraries (200K+ icons), and theming systems.

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

Run a UI/UX design pass on an existing game to improve visuals, atmosphere, and game feel. No design experience needed — this command analyzes your game and applies proven visual patterns.

Landing page conversion optimization with layout rules, hero design, and CTA psychology. \n \n Covers above-the-fold formula, headline patterns, hero image strategy, and section sequencing proven to convert \n Includes CTA button design rules, form field optimization, mobile-first guidelines, and social proof placement strategies \n Provides specific examples of high-converting vs. failing headlines, CTAs, and hero images with anti-patterns \n Integrates with inference.sh CLI to generate hero im