Skill Claude CodeCodex
Create professional SVG logos from descriptions and design specifications. Generates multiple logo variations with different layouts, styles, and concepts. Produces scalable vector graphics that can be used directly or exported to PNG. Use this skill when users ask to create logos, brand identities, icons, or visual…
Skill Claude CodeCodex
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Skill Claude CodeCodex
Centralized, extensible devtools panel for TanStack libraries with a plugin architecture.
Skill Claude CodeCodex
Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.
Skill Claude CodeCodex
Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.
Skill Claude CodeCodex
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines…
Skill Claude CodeCodex
Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or software interfaces, designing…
Skill Claude CodeCodex
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
Skill Claude CodeCodex
Guide for implementing smooth, native-feeling animations using React's View Transition API ( component, addTransitionType, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components…
Skill Claude CodeCodex
Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.
Skill Claude CodeCodex
Writing, explore — mine raw fragments, no structure yet.
Skill Claude CodeCodex
Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".
Skill Claude CodeCodex
Writing, exploit — shape raw material into an article, paragraph by paragraph.
Agent Claude Code
Use proactively before a feature commit lands: hunts for correctness, security, and design defects the machine gates miss, then returns ranked findings with a failure scenario for each. Runs as a two-instance pair.
Agent Claude Code
Use proactively when the feature cycle needs a codebase map: enumerates the affected subsystems in the recompose monorepo and returns cited paths, symbols, and Feature-Sliced Design layers.
Agent Claude Code
Use proactively when a UI feature needs a design-quality review: critiques layout, hierarchy, and interaction against the recompose design system and macOS conventions. Returns ranked fixes with reference screenshots.
Agent Claude Code
Use proactively when the feature cycle needs outside knowledge: researches libraries, standards, and prior art on the web, then returns a cited brief with source links. Covers Vitest 4, fast-check, TanStack, and any new dependency.
Agent Claude Code
Reviews changed code for compliance with recompose's project rules (CLAUDE.md + .claude/rules/), covering the constraints linters can't check. Use after implementing features or fixes, before committing.
Agent Claude Code
Use proactively when a feature cluster is ready to build: drives a failing test to green with test-driven development, then repairs red rebases on the merge train. Uses Vitest 4, fast-check, and Feature-Sliced Design.
Command Claude Code
Implement tasks from an OpenSpec change (Experimental).
Command Claude Code
Archive a completed change in the experimental workflow.
Command Claude Code
Enter explore mode - think through ideas, investigate problems, clarify requirements.
Command Claude Code
Propose a new change - create it and generate all artifacts in one step.