Is it compatible with existing ESLint configurations?

Yes, it is designed to align with and reinforce industry-standard ESLint type-checked rules within your development workflow.

Does this skill support modern JavaScript features?

Yes, it is specifically optimized for modern ES2024+ patterns and the latest ECMAScript standards.

How does it handle the 'any' type?

The skill treats the 'any' type as an anti-pattern and recommends using 'unknown' or explicit type definitions to maintain strict type safety.

Can it help with React development?

Absolutely, it includes specific guidelines and patterns for typed React props, hooks, and event handlers.

Does it enforce specific code structure?

Yes, it provides clear guidelines for function length (ideally under 30 lines) and consistent naming conventions for better readability.

TypeScript Style Expert

Name: TypeScript Style Expert
Author: jpoutrin

byjpoutrin

•

Developer Tools

Enforces strict TypeScript standards and modern coding patterns to ensure high-quality, type-safe frontend development.

The TypeScript Style skill is a specialized tool for Claude Code designed to automate the enforcement of strict type safety, ESLint standards, and modern ES2024+ patterns. By integrating naming conventions, function length guidelines, and React best practices, it helps developers maintain a clean, scalable codebase while eliminating common anti-patterns like the 'any' type or unhandled promises. This skill is essential for teams looking to standardize their TypeScript implementation and maintain high code quality across complex frontend or full-stack projects.

Key Features

01Implementation of modern patterns like union types and discriminated unions

02Automatic enforcement of strict TypeScript flags and ESLint standards

03Code quality monitoring via function length guidelines and anti-pattern detection

04Provision of typed React patterns for props, hooks, and event handlers

052 GitHub stars

06Standardization of naming conventions for types, interfaces, and variables

Use Cases

01Standardizing a legacy JavaScript codebase during a TypeScript migration

02Conducting automated code reviews to ensure type safety and modern ES2024+ syntax

03Onboarding new developers to a project's specific coding standards and React patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jpoutrin/product-forge typescript-style

For use in Claude.ai and ChatGPT

Download Skill