frontend▌

Use when:

Production-grade UI design with design tokens, layout rules, motion guidance, and accessibility validation. \n \n Provides structured design token system covering colors, typography, spacing, shadows, and breakpoints for consistent scaling across projects \n Includes layout specification templates for different page types (landing, dashboard, form, blog, e-commerce) with responsive breakpoint rules \n Offers motion guidelines with easing curves, transition durations, and interaction patterns for

Professional UI/UX design creation in Penpot with MCP tools, design systems, and accessibility standards. \n \n Four MCP tools enable design creation, modification, export, and API access within Penpot's plugin context \n Includes discovery workflow to identify existing design systems, components, and tokens before building new designs \n Covers responsive layouts for mobile (375×812), desktop (1440×900), and platform-specific guidelines (iOS, Android, Material Design) \n Provides default design

Expert UI/UX designer for design systems, accessibility-first interfaces, and user-centered workflows. \n \n Covers design systems mastery including atomic design, design tokens, component libraries, and multi-brand architecture with governance strategies \n Specializes in accessibility and inclusive design with WCAG 2.1/2.2 compliance, color contrast analysis, and cognitive accessibility principles \n Provides user research methodologies including interviews, usability testing, A/B testing, and

Use this skill whenever the user wants to:

Guidelines for building high-quality Expo React Native applications with JavaScript, focusing on clean code, modularity, and performance.

UnoCSS is an instant atomic CSS engine designed to be flexible and extensible. The core is un-opinionated - all CSS utilities are provided via presets. It's a superset of Tailwind CSS, so you can reuse your Tailwind knowledge for basic syntax usage.

Structured workflow for Laravel 11/12 apps with stack detection, Docker support, and framework-specific conventions. \n \n Detects and adapts to your stack: API-only, Inertia + React, Livewire, Vue, or Blade; Docker Compose/Sail or host commands \n Enforces Laravel 11/12 conventions: bootstrap configuration, Eloquent models, Form Requests, named routes, and safe migrations \n Integrates Laravel Boost MCP tools for docs search, Artisan commands, routing inspection, and database queries \n Priorit

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.

REST and GraphQL API design with comprehensive OpenAPI 3.1 specifications and architectural guidance. \n \n Covers resource modeling, endpoint design, HTTP method semantics, and URI patterns with strict REST principles \n Includes OpenAPI 3.1 templates, RFC 7807 error response standards, and validation workflows using Redocly and Prism mock servers \n Provides reference guides for versioning strategies, pagination patterns (cursor, offset, keyset), and backward-compatibility planning \n Enforces