mcpField
T
tech-stack:add-typescript-best-practices

tech-stack:add-typescript-best-practices

github.com/neolabhqDevelopment1.8k440 installsUpdated 10w ago
Repository

About tech-stack:add-typescript-best-practices

A Claude skill that creates or updates CLAUDE.md with the specified TypeScript best-practice content. It is intended for projects that need these rules recorded verbatim rather than summarized or expanded.

Key features

  1. 01Create or update CLAUDE.md
  2. 02Insert specified content verbatim
  3. 03Record TypeScript code-style rules

Use cases

  1. 01Add TypeScript rules to a project
  2. 02Refresh existing CLAUDE.md guidance

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/neolabhq/context-engineering-kit --skill tech-stack:add-typescript-best-practices

After installing, type/tech-stack:add-typescript-best-practicesin Claude Code to confirm it loaded.

Details

From the project README

Setup TypeScript Best Practices

Create or update CLAUDE.md in with following content, write it strictly as it is, do not summaraise or introduce and new additional information:

## Code Style Rules

### General Principles

- **TypeScript**: All code must be strictly typed, leverage TypeScript's type safety features

### Code style rules

- Interfaces over types - use interfaces for object types
- Use enum for constant values, prefer them over string literals
- Export all types by default
- Use type guards instead of type assertions

### Best Practices

#### Library-First Approach

- Common areas where libraries should be preferred:
  - Date/time manipulation → date-fns, dayjs
  - Form validation → joi, yup, zod
  - HTTP requests → axios, got
  - State management → Redux, MobX, Zustand
  - Utility functions → lodash, ramda

#### Code Quality

- Use destructuring of objects where possible:
  - Instead of `const name = user.name` use `const { name } = user`
  - Instead of `const result = await getUser(userId)` use `const { data: user } = await getUser(userId)`
  - Instead of `const parseData = (data) => data.name` use `const parseData = ({ name }) => name`
- Use `ms` package for time related configuration and environment variables, instead of multiplying numbers by 1000

Comments

Markdown supported