frontend▌

Use this skill whenever the user wants to:

本技能提供 Vue 2.x 框架的完整开发指南，包括 Options API、组件系统、路由管理、状态管理（Vuex）、生命周期等核心概念和最佳实践。

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

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.

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

Tailwind CSS component library with 50+ semantic components, 30+ themes, and built-in dark mode. \n \n Provides semantic class names ( btn , card , modal ) instead of utility-only Tailwind, reducing markup verbosity and improving maintainability \n Includes 30+ pre-built themes plus custom theme support, with automatic dark mode detection and localStorage persistence \n Framework-agnostic: works with React, Vue, Svelte, or vanilla HTML without additional dependencies \n Covers navigation, forms,

Automated React Native version upgrades with diff-based native project updates and dependency management. \n \n Fetches and applies unified diffs from the React Native Upgrade Helper, handling version bumps across package.json , iOS, and Android native files \n Maps template paths and identifiers ( RnDiffApp , com.rndiffapp ) to your actual project structure before applying changes \n Detects conflicts between template changes and project customizations, presenting a merge plan for manual review