typescript-coding

Name: typescript-coding
Availability: InStock
Author: otrebu

Guide TypeScript/JavaScript development across tooling, testing, and logging configurations.

4|Updated Oct 6, 2025

Search Tags:#typescript #vitest #javascript #tooling #fp-patterns

Ready to run

npx skills add https://github.com/otrebu/agents --skill typescript-coding-otrebu

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: typescript-coding
Source: https://github.com/otrebu/agents/tree/main/plugins/typescript-coding/skills/typescript-coding
Command: npx skills add https://github.com/otrebu/agents --skill typescript-coding-otrebu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides guidance on TypeScript/JavaScript development, tooling, testing, and FP patterns to help teams ship quality code faster.

Core Features & Use Cases

Stack & Tooling Guidance: Recommended libraries and configurations.
Testing & FP Patterns: Vitest usage, functional programming rules, and testing strategies.
Logging & Deployment: Patterns for CLI vs services (chalk vs pino).

Quick Start

Ask for Stack.md or Tooling.md for a recommended setup.

Frequently Asked Questions about typescript-coding

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

FAQPage Schema

How do I set up TypeScript tooling with pnpm and Vite for a new project?▼

TypeScript tooling setup involves configuring pnpm as your package manager, Vite as your build tool, and tsconfig for compiler options. This Skill provides recommended configurations and stack decisions that ensure consistency across frontend and backend projects, including React and testing frameworks like Vitest.

What's the best way to test TypeScript code with Vitest?▼

Vitest is a unit testing framework optimized for TypeScript projects. This Skill covers testing strategies, functional programming patterns for testable code, and Vitest configuration to help you write and organize tests that catch regressions early while maintaining code quality.

How do I choose between pino and chalk for logging in my TypeScript project?▼

Logging patterns differ by context: pino structures logs for backend services with JSON output for aggregation, while chalk formats colored console output for CLI tools. This Skill explains when to use each and how to configure them based on whether you're building a service or command-line application.

Can I use React with TypeScript following functional programming patterns?▼

Yes. This Skill provides guidance on building React frontends with TypeScript using functional programming techniques, Tailwind for styling, and state management with Xstate. It covers patterns that apply both to component design and state handling.

What are the key differences between frontend and backend TypeScript patterns?▼

Frontend and backend TypeScript projects have distinct tooling, testing, and logging requirements. This Skill covers stack decisions, library recommendations, and patterns specific to each context—React and Tailwind for frontends, service logging with pino for backends—ensuring your project choices align with its purpose.

Do I need a specific tsconfig for Vite and Vitest compatibility?▼

Yes. TypeScript configuration must account for your build tool and test runner to resolve modules correctly. This Skill provides tsconfig templates and explains how to configure it for Vite and Vitest so your setup works consistently across development, testing, and production.