typescript-write

Write TypeScript and JavaScript code adhering to Metabase coding standards.

48.6k|6.7k|Updated Feb 2, 2015
One-click install
npx skills add https://github.com/metabase/metabase --skill typescript-write
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-write
Source: https://github.com/metabase/metabase/tree/main/.claude/skills/typescript-write
Command: npx skills add https://github.com/metabase/metabase --skill typescript-write

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides TypeScript/JavaScript development to meet Metabase coding standards and best practices.

Core Features & Use Cases

  • Follow development workflow to ensure consistent integration
  • Type-safe TypeScript usage and proper TS patterns
  • React best practices when applicable

Quick Start

Start a new TS/JS feature by creating a small module, then run tests and adjust to meet standards.

Frequently Asked Questions about typescript-write

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

FAQPage Schema
How do I write TypeScript code that follows coding standards?

TypeScript code written to coding standards uses proper type annotations, modular design, consistent naming conventions, and linting to ensure readability and maintainability. This Skill guides you through Metabase's standards, including typing patterns, React best practices, and testing conventions to keep your codebase consistent across the team.

Can I use this with React projects?

Yes. This Skill includes React best practices as part of its TypeScript and JavaScript standards guidance. It covers type-safe patterns, component design, and testing approaches specific to React development within Metabase's coding framework.

What linting and testing patterns does this cover?

The Skill enforces ESLint standards and testing patterns aligned with Metabase conventions. It guides you through writing tests and adjusting code to meet linting rules, ensuring your TypeScript and JavaScript modules pass both style checks and functional validation.

How do I start refactoring existing JavaScript to meet these standards?

Begin by creating a small module with your changes, then run tests and adjust to align with Metabase standards. The Skill walks you through the workflow, applying typing, naming conventions, linting, and documentation to incrementally bring code into compliance.

Does this work for both TypeScript and JavaScript files?

Yes. This Skill covers both TypeScript and JavaScript code, applying Metabase typing conventions, modular design principles, and documentation standards to both file types. JavaScript benefits from the same naming, testing, and linting practices as TypeScript.

What happens if my code doesn't pass linting checks?

When linting fails, the Skill guides you through identifying violations and adjusting your code to meet ESLint and Metabase standards. This iterative process ensures consistency across naming, formatting, and code structure before integration.