frontend▌

SvelteKit routing, layouts, error handling, and SSR structure guidance. \n \n File-based routing with +page.svelte for pages, +layout.svelte for nested wrappers, +error.svelte for error boundaries, and +server.ts for API endpoints \n Nested layouts apply to all child routes; use route groups with (name) folders to organize without affecting URLs \n Error boundaries and pending UI patterns via +error.svelte placement and svelte:boundary component-level error/pending states \n SSR and hydration gu

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

Chat building blocks from ui.inference.sh.

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.

Use this skill for system-level design decisions rather than implementation details within a single service or component.

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

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

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.