typescript

Define TypeScript code style and optimization guidelines for development and review workflows.

1|Updated Nov 9, 2024
One-click install
npx skills add https://github.com/marnec/ripple --skill typescript-marnec
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript
Source: https://github.com/marnec/ripple/tree/main/.claude/skills/typescript
Command: npx skills add https://github.com/marnec/ripple --skill typescript-marnec

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TypeScript code style and optimization guidelines help teams write consistent, maintainable, and performant TypeScript code, reducing bugs and review time.

Core Features & Use Cases

  • Enforce type-safety best practices, clear interfaces, and predictable function contracts.
  • Provide patterns for common TypeScript tasks (props typing in React, strict generics, and async error handling).
  • Use cases include code reviews, onboarding new developers, and refactoring large codebases to improve type accuracy.

Quick Start

Follow these guidelines when writing or reviewing TypeScript code to ensure type safety and clean patterns.

Frequently Asked Questions about typescript

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for type-safe TypeScript code in React and Node projects?

Type-safe TypeScript best practices involve enforcing clear interfaces, predictable function contracts, and strict generics. These guidelines help reduce bugs and review time when developing or refactoring .ts, .tsx, and .mts files across React, Node, and library projects.

How do I apply TypeScript code style guidelines during code reviews?

To apply TypeScript code style guidelines during reviews, enforce type-safety best practices, naming conventions, and async patterns. Use explicit frontmatter-driven guidance to check type accuracy, clear interfaces, and performance considerations.

Does this TypeScript coding guidance cover async error handling and strict generics?

Yes, this TypeScript coding guidance covers async error handling and strict generics. It provides specific patterns for common tasks like props typing in React, ensuring predictable contracts and improved type accuracy.

What's the best way to standardize TypeScript naming conventions and code structure?

The best way to standardize TypeScript naming conventions and code structure is to apply explicit frontmatter-driven guidance and code-structure recommendations. This ensures consistent, maintainable code across your development and mentoring workflows.

When do I need TypeScript optimization guidelines for refactoring large codebases?

You need TypeScript optimization guidelines for refactoring large codebases when you want to improve type accuracy and maintainability. Applying these guidelines during refactoring ensures predictable function contracts and enforces type-safety best practices.