Frontend

Creates new Claude Code slash commands following best practices. Guides through commandstructure, naming, arguments, and frontmatter. Use when user wants to create a command,build a slash command, or asks about command best practices.

Extract property data from Brevard County Property Appraiser GIS API including photos, valuations, and parcel details

Guide developers through consistent error handling including error hierarchies, API responses, and logging integration

Jest and React Native Testing Library patterns. Use when writing component tests.

Dispatch code-reviewer subagent to review implementation against plan or requirements before proceeding

Tailwind CSS 4.x configuration and patterns. Use when setting up or customizing Tailwind CSS.

Documenting and categorizing project prompts and decisions for StickerNest. Use when the user asks to document a session, record what was built, update project history, add to the prompt archive, or when starting a new session and needing context. Covers prompt categorization, decision history, and architectural evolution.

Write and maintain CSS using consistent methodology, design systems, framework utilities, and minimal custom styles for better performance and maintainability. Use this skill when writing or modifying CSS files, style modules, Tailwind classes, styled-components, CSS-in-JS, or any styling code for UI components. Use this when applying utility classes, maintaining design tokens for colors/spacing/typography, working with CSS frameworks like Tailwind or Bootstrap, avoiding framework style overrides, optimizing CSS for production with purging/tree-shaking, or implementing responsive styling. Use this when working on .css, .scss, .module.css files or when adding className/style attributes to components.

Create structured build plans from feature requests, bug reports, or Beads issue IDs. Use when planning features, designing implementation, preparing work breakdown, or when given a bead/issue ID to plan. Triggers on /flow:plan with text descriptions or issue IDs (e.g., bd-123, gno-45, app-12).

Educational code development skill that teaches programming concepts while building applications. Use when the user wants to learn how code works, understand programming concepts, or build an app with detailed explanations. Provides line-by-line breakdowns, explains the 'why' behind code patterns, uses pedagogical teaching methods, and builds apps incrementally with educational commentary at each step.

Comprehensive guide for writing Playwright E2E tests in the Aldoa codebase. Use when creating new test files, debugging failing tests, or refactoring existing tests. Covers authentication patterns, helper functions, Semantic UI/React Select interactions, data generation strategies, and common testing scenarios.

Automated task lifecycle orchestrator for docs/tasks/ directory - identifies next ready tasks by priority, loads full context from markdown files, guides TDD implementation with Wallaby MCP, runs quality checks, and tracks completion. Use when user says "start next task", "what should I work on", "show ready tasks", or mentions specific task IDs like "start T0001".

Comprehensive guide for writing technical books in Markdown format. Use this skill when creating new chapters, managing code examples, reviewing content for technical accuracy and consistency, or organizing book structure (TOC, cross-references). Provides templates, validation scripts, and best practices for technical writing workflows.

Animation and micro-interaction patterns for web interfaces. Use when adding transitions, animations, hover effects, loading states, or any motion to UI components.

Claude Code plugin structure and requirements. Use when creating, validating, or troubleshooting plugins. Covers plugin.json schema, SKILL.md format, command frontmatter, and agent configuration.

Applies brand colors, typography, and visual identity to artifacts, documents, presentations, and web content. Use when brand consistency, visual formatting, or company design standards apply. Chec...

Scaffolds comprehensive testing setup for Next.js applications including Vitest unit tests, React Testing Library component tests, and Playwright E2E flows with accessibility testing via axe-core. This skill should be used when setting up test infrastructure, generating test files, creating test utilities, adding accessibility checks, or configuring testing frameworks for Next.js projects. Trigger terms include setup testing, scaffold tests, vitest, RTL, playwright, e2e tests, component tests, unit tests, accessibility testing, a11y tests, axe-core, test configuration.

Curate stakeholder-ready pulse briefs that summarize project portfolio updates, risks, and next steps.

Generates production-ready API clients with TypeScript types, retry logic, rate limiting, authentication (OAuth, API keys), error handling, and mock responses. Use when user says "integrate API", "API client", "connect to service", or requests third-party service integration.

Implement a StarCraft 2 / RTS-inspired "God Mode" command interface for orchestrating autonomous systems. Use this skill when building dashboards for AI orchestration, multi-agent systems, autonomous manufacturing, robotics control, or any interface requiring real-time monitoring of multiple resources/units with command-and-control capabilities. Includes D3.js global network map for visualizing and onboarding distributed printer fleets. Applies to React 19 + TypeScript + Vite projects targeting dark sci-fi aesthetics with resource bars, minimaps, command panels, event logs, and geographic site selection.