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
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 CodeCodex
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
Settings file Claude Code
Agent settings declaring 25 allowed tools.
bartstc/vite-ts-react-template
Instructions file GitHub Copilot
Instructions for bartstc/vite-ts-react-template, covering architecture rules, project structure, feature slice layers, dependency rule and additional rules.
bartstc/vite-ts-react-template
Instructions file GitHub Copilot
Instructions for bartstc/vite-ts-react-template, covering code style, file naming, typescript, react and general.