opentrons-typescript

Define TypeScript and React conventions for the Opentrons monorepo.

515|208|Updated Jul 6, 2015
One-click install
npx skills add https://github.com/Opentrons/opentrons --skill opentrons-typescript
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: opentrons-typescript
Source: https://github.com/Opentrons/opentrons/tree/main/.cursor/skills/opentrons-typescript
Command: npx skills add https://github.com/Opentrons/opentrons --skill opentrons-typescript

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TypeScript conventions, React patterns, testing, styling, and import rules across the Opentrons monorepo JS/TS packages ensure consistent coding practices, reduce onboarding time, and improve cross-team collaboration.

Core Features & Use Cases

  • Enforces TypeScript conventions across all packages (typing discipline, project references, strict configs).
  • Standardizes React patterns, component structure, and import statements to improve maintainability and reduce refactor risk.
  • Defines testing and styling guidelines, including tooling, file organization, and linting rules for predictable quality across app/, components/, shared-data/, protocol-designer/, etc.

Quick Start

Adopt these conventions when adding or updating TypeScript or React code across the monorepo to ensure consistency.

Frequently Asked Questions about opentrons-typescript

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

FAQPage Schema
How do I standardize TypeScript and React conventions across a monorepo?

Standardize TypeScript and React conventions across a monorepo by enforcing strict typing discipline, import rules, component patterns, and testing configurations to ensure consistent code structure and reduce refactor risk.

What are the best practices for organizing imports and testing in a React monorepo?

Best practices for React monorepo imports and testing involve standardizing import statements, defining specific file organization for tests, and applying consistent linting rules to maintain predictable quality across all packages.

How does TypeScript project references work for monorepo package structure?

TypeScript project references work by applying strict configs and typing discipline across all TS/JS packages, guiding code structure and imports to maintain consistent coding practices and improve cross-team collaboration.

Do I need specific linting rules for TypeScript and React in shared component packages?

Yes, you need specific linting rules for TypeScript and React in shared component packages to enforce coding standards, guide styling, and ensure predictable quality across directories like components/ and shared-data/.

When should I apply strict TypeScript configurations in a monorepo?

Apply strict TypeScript configurations in a monorepo whenever adding or updating TS/JS code to ensure consistency, reduce onboarding time, and improve maintainability across all related tooling and packages.