typescript-skills

Enforce strict typing and readonly props in React and Electron TypeScript codebases.

835|58|Updated Jul 9, 2025
One-click install
npx skills add https://github.com/llama-farm/llamafarm --skill typescript-skills
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-skills
Source: https://github.com/llama-farm/llamafarm/tree/main/.claude/skills/typescript-skills
Command: npx skills add https://github.com/llama-farm/llamafarm --skill typescript-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill consolidates TypeScript best practices to reduce inconsistency across Designer (frontend) and Electron subsystems, lowering maintenance costs and onboarding time.

Core Features & Use Cases

  • Enforces strict typing and readonly props in React components and Electron modules.
  • Promotes pattern-based API keys (query keys) and typed utilities to improve code reliability.
  • Guides naming, API surfaces, and hook patterns to streamline collaboration across teams.
  • Use Case: Teams migrating a large TS codebase can adopt this skill to standardize types, interfaces, and patterns.

Quick Start

Review the TypeScript skills guidelines and apply them to your Designer and Electron apps. Start by converting a sample component prop to a readonly interface, add explicit return types to public functions, and adopt the query key factory pattern for API calls.

Frequently Asked Questions about typescript-skills

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

FAQPage Schema
How do I enforce strict TypeScript typing in React components?

To enforce strict TypeScript typing in React components, apply readonly props and define explicit return types. This skill standardizes component interfaces to ensure consistent, maintainable frontend code without requiring external tooling.

What's the best way to standardize TypeScript patterns across Electron and frontend apps?

Standardizing TypeScript patterns across Electron and frontend apps involves consolidating guidelines for hooks, services, and utilities. This skill enforces typed APIs and pattern-based query keys to reduce inconsistency and lower maintenance costs across subsystems.

Can I use a query key factory pattern for API calls in TypeScript?

Yes, you can use a query key factory pattern for API calls in TypeScript. This skill promotes pattern-based API keys to improve code reliability, guiding you to adopt structured query keys for managing API data fetching.

Does migrating a large TypeScript codebase require external tools to enforce consistency?

Migrating a large TypeScript codebase does not require external tools to enforce consistency. This skill provides shared standards for types, interfaces, and naming conventions to streamline collaboration and reduce onboarding time natively.

Why should I use readonly props and explicit return types in TypeScript?

You should use readonly props and explicit return types in TypeScript to prevent unintended mutations and clarify function outputs. This skill enforces these practices to ensure code reliability and maintainability across React and Electron apps.

What TypeScript skills do I need for Electron and Designer subsystems?

For Electron and Designer subsystems, you need TypeScript skills that enforce strict typing, typed APIs, and pattern-based keys. This standard guides components and utilities to ensure consistent, maintainable code across both platforms.