Frontend

Write valid XHTML-strict HTML5 markup. Use when creating HTML files, editing markup, building web pages, or writing any HTML content. Ensures semantic structure and XHTML syntax.

Build execution philosophy including TDD discipline, Minimal Intervention Principle, system awareness, and verification protocols. Use when implementing code, managing build phase, enforcing test-first practices, or preventing accumulative complexity. Triggers on: build phase, TDD, test first, red green refactor, minimal code, system awareness, implementation, code quality, verification protocols, build philosophy.

Use this skill when writing Go code following the Uber Go Style Guide. Provides comprehensive guidance on idiomatic Go patterns, error handling, concurrency safety, performance optimization, and test-driven development. Covers all critical Uber Go rules including channel sizing, goroutine management, interface design, and proper error handling. Appropriate for any task involving .go files, Go code reviews, refactoring, or implementing Go best practices.

Apply when creating React frontend UI: pages, dashboards, forms, components, layouts, landing pages, modals. Enforces neobrutalist design — hard shadows, 2px borders, warm cream/yellow palette, no dark mode. Tech: React, Tailwind, shadcn (customized).

Create Impressum and Datenschutz pages with legally required content for German/Swiss websites. Provides templates with all mandatory sections for DSG/DSGVO compliance. Use when creating legal pages, checking compliance, or user asks for "impressum", "datenschutz", "legal pages", "privacy policy", "imprint".

Production-tested setup for Zustand state management in React applications with TypeScript.This skill provides comprehensive patterns for building scalable, type-safe global state.Use when: setting up global state in React, migrating from Redux or Context API, implementingstate persistence with localStorage, configuring TypeScript with Zustand, using slices patternfor modular stores, adding devtools middleware for debugging, handling Next.js SSR hydration,or encountering hydration errors, TypeScript inference issues, or persist middleware problems.Prevents 5 documented issues: Next.js hydration mismatches, TypeScript double parenthesessyntax errors, persist middleware export errors, infinite render loops, and slices patterntype inference failures.Keywords: zustand, state management, React state, TypeScript state, persist middleware,devtools, slices pattern, global state, React hooks, create store, useBoundStore,StateCreator, hydration error, text content mismatch, infinite render, localStorage,

React 18, TypeScript, shadcn/ui patterns for Pulse Radar frontend development.

NativeWind styling patterns for React Native. Use when styling components with Tailwind-like utilities in RN.

Create production-ready React UI components using shadcn/ui and Tailwind CSS. Use when creating shared components, building forms, dialogs, tables, or any UI elements. Automatically installs missing shadcn/ui components and places components in the proper directory structure (app/components/).

Strategy for creating efficient short-form video prompts. Use when creating filler shots, atmospheric scenes, or quick video clips that don't require full Production Brief methodology. Covers when to go short vs long, format+style upfront rule, and two approaches (Descriptive vs Directive) for compact yet coherent results.

Gluegun CLI toolkit patterns for TypeScript-powered command-line apps. Use when building CLI tools, creating command structures, implementing template systems, filesystem operations, HTTP utilities, prompts, or plugin architectures with Gluegun.

Expert JVZoo integration specialist for building backend systems that handle JVZoo purchases, create user accounts, manage software licenses, and process IPN notifications. Use when implementing JVZoo product licensing, account creation workflows, payment processing, refund handling, or connecting software products to JVZoo marketplace by product ID.

Guidelines for conducting thorough pull request code reviews

Write content following Replit's brand voice and style guidelines. Use when creating or reviewing any user-facing content including changelogs, documentation, or marketing materials. Ensures consistent professional yet approachable tone.

Complete workflow for building new modules in Next.js 15 (App Router) with Supabase backend. Use when creating CRUD features, data management modules, or any new feature module following the 5-layer architecture (Types → Services → Hooks → Components → Pages). Covers TypeScript types, Supabase services, React hooks, Shadcn/UI components, and permission-based routing.

Iteration 16 of Multiplicity Cascade - Hides truth in indistinguishable noise

Implement testing patterns for PhotoVault using Playwright and Vitest. Use when writing E2E tests, unit tests, API route tests, or debugging flaky tests. Includes PhotoVault test fixtures, page objects, and Stripe webhook testing patterns.

Use PROACTIVELY this agent when you need to design and create optimal Claude Code subagents, update existing agents with new capabilities, revise agent configurations, analyze project requirements to identify specialized roles, or craft precise agent configurations with appropriate tool permissions and model tiers. When the user specify "Create or Update subagent [name]", this skill must be triggered.

Executa testes end-to-end em aplicacoes React locais (Vite) usando Playwright. Permite validar formularios, capturar logs e inspecionar UI.

Use when building UI components. Enforces ShadCN UI patterns, accessibility standards (Radix UI), and TailwindCSS best practices for November 2025.