Frontend

Provides concrete architectural guidelines for React 19 SPA development with TypeScript and Vite. Includes specific project structure, execution rules, and integration patterns for TanStack Router and Query. Offers checklists for PR completion and references to authoritative documentation sources.

A comprehensive and well-structured accessibility guide that provides clear, actionable standards for building inclusive frontend interfaces with practical examples and WCAG compliance.

Provides complete configuration for React 19 projects using Vite, TypeScript, Biome, and Vitest. Includes specific code examples for build setup, strict type checking, linting/formatting, and testing infrastructure with practical package installation commands and IDE settings.

A comprehensive and practical guide for implementing responsive design standards with clear examples, mobile-first approach, and actionable best practices for modern web development.

Provides detailed implementation patterns for TanStack Query v5 including breaking changes, client setup with error handling, SSR configuration for Next.js, and integration with React Server Components. Covers practical migration guidance and production defaults.

Comprehensive TanStack Router skill providing excellent guidance on type-safe, file-based routing with modern React applications, covering installation, configuration, and advanced patterns.

Comprehensive Tamagui best practices guide covering advanced patterns, performance optimization, and common pitfalls for experienced developers.

This skill helps develop browser extensions using the WXT framework with Manifest V3. It provides structure for cross-browser compatibility (Chrome/Firefox/Edge), handles content/background scripts, and supports 12 languages for i18n. Includes build commands and linting/testing workflows.

This skill provides quick reference commands and configuration snippets for deploying SvelteKit applications. It covers adapters for static sites, Node.js, and Cloudflare, plus guidance on library authoring and PWA setup. It includes specific gotchas for Cloudflare deployment and version compatibility notes.

Provides shell scripts to scaffold a React+TypeScript+Vite project with Tailwind CSS and 40+ shadcn/ui components, then bundle it into a single HTML file for Claude artifacts. Includes Node version detection, path alias configuration, and design guidelines to avoid common AI-generated UI patterns.

A specialized tool for reviewing frontend TypeScript/JavaScript files with two modes: pending-change review for git staging and targeted file review. Follows structured checklists for code quality, performance, and business logic, outputting violations with urgency flags and suggested fixes.

This skill provides concrete Vue 3 + TypeScript code examples covering component patterns, composables, state management with Pinia, routing, form validation, and performance optimization. It shows how to use script setup syntax, generic components, typed stores, and async loading. The examples are immediately usable in real projects.