bartstc

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Refactor bloated AGENTS.md, CLAUDE.md, or similar agent instruction files to follow progressive disclosure principles. Splits monolithic files into organized, linked documentation.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Frontend building block catalog — typed patterns for components, hooks, queries, mutations, stores, and models. ALWAYS read the relevant rule file before creating or modifying any building block in src/features/ or src/lib/. This includes spec implementation (read rule files for every block in the Building Blocks…

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Create high-quality git commits: review/stage intended changes, split into logical commits, and write clear commit messages (including Conventional Commits). Use when the user asks to commit, craft a commit message, stage changes, or split work into multiple commits.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Smart dependency management for any language. Auto-detects project type, applies safe updates automatically, prompts for major versions, diagnoses and fixes dependency issues.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks "how does this work?".

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

bartstc/vite-ts-react-template

Skill Claude CodeCodex needs its repo

Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications. Use when setting up CI/CD with GitHub Actions, automating development workflows, or creating reusable workflow templates.

bartstc/vite-ts-react-template

Skill Claude Code

Use when creating page objects or refactoring Playwright E2E tests for better maintainability with Page Object Model patterns.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Generate comprehensive test plans, manual test cases, regression test suites, and bug reports for QA engineers. Includes Figma MCP integration for design validation.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Test building block catalog — typed patterns for Storybook play-function tests, Vitest hook tests, Vitest unit tests, MSW handlers, and test data fixtures. Read the relevant rule file before writing or modifying any test, handler, or fixture. Covers: deciding which kind of test to write, authoring a new test from…

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Use when implementing any feature or bugfix, before writing implementation code.

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

bartstc/vite-ts-react-template

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…

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Collaboratively write a feature spec with the developer. Trigger when a task involves 5+ unconstrained decisions, spans 10+ files, or the developer explicitly asks for a spec. Do NOT trigger for config edits, CSS fixes, helper functions, exploratory prototyping, presentation-only changes, or when the developer…

bartstc/vite-ts-react-template

Agent Claude Code

Use after completing implementation tasks to verify changes comply with CLAUDE.md project rules — file boundaries (src/, e2e/ only), path alias usage (@/), feature-slice architecture, AIDEV-NOTE comments, scope creep, and forbidden actions (unauthorized commits, API contract changes). NOT for general code quality …

bartstc/vite-ts-react-template

Agent Claude Code

Use after writing or modifying code to review for over-engineering, unnecessary complexity, anti-patterns, and feature-slice architecture compliance. Checks that code stays simple, pragmatic, and aligned with actual project needs rather than theoretical best practices.

bartstc/vite-ts-react-template

Agent Claude Code

Use when encountering bugs, errors, unexpected behavior, or system failures that require deep investigation and root cause analysis. Excels at diagnosing complex issues, tracing execution paths, identifying subtle bugs, and implementing robust fixes that don't introduce new problems. Perfect for production issues…

bartstc/vite-ts-react-template

Command Claude Code

Command "create-PR" from bartstc/vite-ts-react-template, covering create a pr against this branch: $arguments, follow these steps and remember.

bartstc/vite-ts-react-template

Command Claude Code

If no topic provided, just document the recent changes. If a topic is provided, focus on documenting that topic.

bartstc/vite-ts-react-template

MCP server Claude CodeCodexCursor +2

One of 5 in .mcp.json

MCP server "chakra-ui" as configured in bartstc/vite-ts-react-template. Launched with pnpm dlx @chakra-ui/react-mcp.

bartstc/vite-ts-react-template

MCP server Claude CodeCodexCursor +2

One of 5 in .mcp.json

MCP server "storybook", hosted remotely at localhost, as configured in bartstc/vite-ts-react-template.

bartstc/vite-ts-react-template

MCP server Claude CodeCodexCursor +2

One of 5 in .mcp.json

MCP server "github" as configured in bartstc/vite-ts-react-template. Launched with pnpm dlx @modelcontextprotocol/server-github. Needs 1 environment variable to run.