🎯

busirocket-typescript-standards

🎯Skill

from busirocket/agents-skills

VibeIndex|
What it does

Enforces strict TypeScript standards for maintainable codebases, focusing on one-thing-per-file, type conventions, and Next.js export exceptions.

πŸ“¦

Part of

busirocket/agents-skills(15 items)

busirocket-typescript-standards

Installation

Quick InstallInstall with npx
npx skills add BusiRocket/agents-skills
Quick InstallInstall with npx
npx add-skill BusiRocket/agents-skills
Quick InstallInstall with npx
npx skills add
πŸ“– Extracted from docs: busirocket/agents-skills
16Installs
-
AddedFeb 4, 2026

Skill Details

SKILL.md

Overview

# TypeScript + React Standards

Strict, reusable standards for TypeScript/React projects.

When to Use

Use this skill when:

  • Writing or refactoring .ts / .tsx
  • Moving inline types into types/
  • Enforcing consistent type naming and result shapes
  • Working in Next.js where special files allow extra exports

Non-Negotiables (MUST)

  • One exported symbol per file for your own modules.
  • No inline interface/type in components/hooks/utils/services/route

handlers.

  • Put shared shapes under types//... (one type per file).
  • Avoid barrel files (index.ts) that hide dependencies.
  • After meaningful changes: run the project's standard checks (e.g.

yarn check:all).

Next.js Special-file Exceptions

  • app//page.tsx, app//layout.tsx: allow default export +

metadata/generateMetadata/viewport (etc.).

  • app/api/**/route.ts: allow multiple HTTP method exports and route config

exports.

Rules

TypeScript Standards

  • ts-language-style - Language & style (interface vs type, const vs let,

English-only)

  • ts-one-thing-per-file - One thing per file (STRICT)
  • ts-nextjs-exceptions - Next.js special-file exceptions
  • ts-types-strict - Types (STRICT) - no inline types
  • ts-helpers-strict - Helpers (STRICT) - no helpers in components/hooks
  • ts-nextjs-hygiene - Next.js TS hygiene (docs-aligned)
  • ts-validation - Validation (run checks after changes)

Types Conventions

  • types-one-type-per-file - One type per file (STRICT)
  • types-naming-patterns - Naming patterns (Params, Result, Error, Props)
  • types-result-shape - Result shape for boundaries that can fail
  • types-where-allowed - Where types are allowed

Related Skills

  • busirocket-core-conventions - General file structure (one-thing-per-file,

boundaries)

  • busirocket-react - Component and hook structure
  • busirocket-refactor-workflow - Refactoring workflow for TypeScript/React

How to Use

Read individual rule files for detailed explanations and code examples:

```

rules/ts-one-thing-per-file.md

rules/ts-types-strict.md

rules/types-one-type-per-file.md

```

Each rule file contains:

  • Brief explanation of why it matters
  • Code examples (correct and incorrect patterns)
  • Additional context and best practices

More from this repository10

🎯
busirocket-tailwindcss-v4🎯Skill

busirocket-tailwindcss-v4 skill from busirocket/agents-skills

🎯
busirocket-refactor-workflow🎯Skill

Enforces strict TypeScript/React refactoring workflow with quality gates, file splitting rules, and mandatory post-refactor checks.

🎯
busirocket-tauri🎯Skill

Enforces Tauri desktop app standards by guiding command creation, invoke handler configuration, and Rust project layout.

🎯
busirocket-supabase🎯Skill

Enforces strict Supabase access boundaries by centralizing database interactions in a dedicated service layer, preventing direct external calls.

🎯
busirocket-react🎯Skill

Applies React best practices with Zustand state management, enforcing component structure, hook extraction, and efficient state handling across React applications.

🎯
busirocket-rust🎯Skill

Enforces strict Rust coding standards, ensuring maintainable codebases with modular, clean, and separated concerns.

🎯
busirocket-nextjs🎯Skill

Generates standardized, thin Next.js route handlers with input validation, proper HTTP status codes, and consistent JSON response patterns.

🎯
busirocket-rust-tauri-standards🎯Skill

busirocket-rust-tauri-standards skill from busirocket/agents-skills

🎯
busirocket-react-components-and-hooks🎯Skill

busirocket-react-components-and-hooks skill from busirocket/agents-skills

🎯
busirocket-supabase-boundaries🎯Skill

busirocket-supabase-boundaries skill from busirocket/agents-skills