typescript

Enforce BlueprintUI TypeScript coding standards across components, controllers, utilities, and tests.

335|45|Updated Aug 13, 2015
One-click install
npx skills add https://github.com/blueprintui/blueprintui --skill typescript-blueprintui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript
Source: https://github.com/blueprintui/blueprintui/tree/main/.claude/skills/typescript
Command: npx skills add https://github.com/blueprintui/blueprintui --skill typescript-blueprintui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures all TypeScript code within the BlueprintUI library adheres to consistent patterns and best practices, reducing errors, improving readability, and simplifying collaboration. It automates the enforcement of coding standards, freeing developers to focus on logic.

Core Features & Use Cases

  • Automated Coding Standards: Defines and helps enforce conventions for imports, component structure, property decorators, and private members.
  • Enhanced Type Safety & Patterns: Guides on effectively using TypeScript features like generic constraints and type imports for robust code.
  • Streamlined Event & State Management: Provides best practices for custom events, event listeners, and internal state updates, reducing common pitfalls.
  • Use Case: When writing a new web component in TypeScript, activate this skill to automatically review your code for adherence to BlueprintUI's specific TypeScript guidelines. This ensures consistency and maintainability across the entire codebase without manual review.

Quick Start

Review the attached 'my-new-component.ts' file and suggest improvements based on the BlueprintUI TypeScript Coding Guidelines, focusing on import conventions and property decorators.

Frequently Asked Questions about typescript

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

FAQPage Schema
How do I enforce consistent TypeScript coding standards across my web components?

Enforce consistent TypeScript coding standards by applying automated guidelines that standardize imports, component structure, property decorators, and code style. This reduces manual review overhead and ensures all TypeScript files across your library follow BlueprintUI patterns for maintainability and collaboration.

What TypeScript patterns should I use for web component properties and decorators?

Use TypeScript property decorators and type imports to define component properties safely. BlueprintUI guidelines cover decorator usage, generic constraints, and typing patterns that improve type safety and prevent common pitfalls in web component development.

How do I handle custom events and state management in TypeScript web components?

Manage custom events and internal state by following established TypeScript best practices for event listeners, event handling, and state updates. Standard patterns reduce errors and ensure consistent behavior across all components in your library.

Can I use these TypeScript guidelines with Lit Element components?

Yes. These guidelines apply to TypeScript coding in Lit Element components, including import conventions, decorator usage, and state management patterns specific to web components built with Lit.

What import conventions should I follow in TypeScript component files?

Follow BlueprintUI import conventions that define how to structure module imports, organize type imports separately, and maintain consistency across component files, controllers, utilities, and tests.

Why does code quality matter when building web components?

Consistent, high-quality TypeScript code improves readability, reduces errors, and simplifies team collaboration. Automated standards enforcement frees developers to focus on component logic rather than style enforcement.