tip-javascript-typescript
This skill should be used when writing or refactoring TypeScript/JavaScript code. It provides coding patterns and best practices aligned with the user's preferred development style, typescript language usage patterns, and library-specific tips.
Best use case
tip-javascript-typescript is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
This skill should be used when writing or refactoring TypeScript/JavaScript code. It provides coding patterns and best practices aligned with the user's preferred development style, typescript language usage patterns, and library-specific tips.
Teams using tip-javascript-typescript should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/tip-javascript-typescript/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How tip-javascript-typescript Compares
| Feature / Agent | tip-javascript-typescript | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
This skill should be used when writing or refactoring TypeScript/JavaScript code. It provides coding patterns and best practices aligned with the user's preferred development style, typescript language usage patterns, and library-specific tips.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
Related Guides
AI Agents for Coding
Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.
Cursor vs Codex for AI Workflows
Compare Cursor and Codex for AI coding workflows, repository assistance, debugging, refactoring, and reusable developer skills.
SKILL.md Source
# TypeScript/JavaScript Coding Techniques ## Overview Apply the user's preferred TypeScript/JavaScript coding techniques automatically when writing or refactoring code. This skill encapsulates coding patterns, best practices, and architectural decisions to ensure consistency with the user's mental model and development philosophy. ## When to Use Use this skill automatically in the following scenarios: - Writing new TypeScript/JavaScript code - Refactoring existing TypeScript/JavaScript code - Planning improvements of code quality - e.g. reduce duplication, improve readability, enhance maintainability, etc. - Reviewing code for improvements - Making architectural decisions in TypeScript/JavaScript projects Apply these techniques proactively as the default approach. ## Reference Structure Coding techniques and tips are organized into two categories: ### `references/typescript/` - Language-Level Patterns TypeScript/JavaScript language syntax, patterns, and best practices. See `references/typescript/README.md` for details. ### `references/libraries/` - Library-Specific Tips Usage patterns, optimizations, and gotchas for specific libraries and frameworks. See `references/libraries/README.md` for details. ## Usage When writing TypeScript/JavaScript code, load and apply patterns from the relevant reference files automatically. Reference files contain template sections for adding new patterns as they emerge. ## How to add new patterns READ each reference categories' README to file place / naming conventions. It also includes DOs and DON'Ts for writing new patterns. Use this template for tip files. ```markdown # [Topic Name] ## Overview [Brief description and why these tips are needed] ## Basic Patterns ### [Pattern Name] **When to use**: [Description of use case] **Example**: \`\`\`typescript // ✅ Good: Recommended pattern // Code example \`\`\` **Anti-pattern to avoid**: \`\`\`typescript // ❌ Bad: What to avoid // Anti-pattern example \`\`\` **Notes**: [Additional context, edge cases, considerations] ## Common Issues & Solutions ### [Issue Title] **Problem**: [What goes wrong] **Solution**: \`\`\`typescript // Solution code \`\`\` ## Performance Optimization [If applicable] ## Type Usage [TypeScript type patterns for this library] ## References - Official docs: [URL] - Related articles: [URL] ```
Related Skills
typescript-testing
Comprehensive testing guidance for TypeScript projects including unit testing patterns, mocking strategies, and test organization best practices
typescript-strict
TypeScript strict mode patterns. Use when writing any TypeScript code.
typescript-sdk-specialist
TypeScript SDK development with Node.js and browser support. Design SDK architecture, implement type-safe API clients, support ESM and CommonJS modules, and configure bundling for browsers.
typescript-pro
Expert TypeScript developer specializing in advanced type system features, generic programming, and type-safe application architecture. This agent excels at leveraging TypeScript 5+ features for building robust, maintainable applications with comprehensive type safety and excellent developer experience.
typescript-nestjs-best-practices-cursorrules-promp-cursorrules
Apply for typescript-nestjs-best-practices-cursorrules-promp. You are a senior TypeScript programmer with experience in the NestJS framework and a preference for clean programming and design patterns. Generate code, corrections, and refactorings that comply with
typescript-hook-writer
Expert guidance for developing Claude Code hooks in TypeScript with shared utilities, esbuild compilation, and Vitest testing - distributes compiled JS while maintaining TypeScript development experience
typescript-esm-utils-developer-maintainer
skill for developing and maintaining TypeScript utility libraries transpiled to esm. Use this skill when working on TypeScript projects that involve creating reusable utility functions, managing library structure, testing, documentation, and build processes. This includes creating new utilities, refactoring existing code, setting up testing frameworks, configuring build tools, and ensuring type safety.
typescript-docs
Generates comprehensive TypeScript documentation using JSDoc, TypeDoc, and multi-layered documentation patterns for different audiences. Use when creating API documentation, architectural decision records (ADRs), code examples, and framework-specific patterns for NestJS, Express, React, Angular, and Vue.
typescript-developer
Use when developing applications or components using TypeScript, ensuring type safety and leveraging TypeScript features.
typescript-advanced-types
Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex...
tauri-svelte-typescript-general
General rules for developing desktop applications using Tauri with Svelte and TypeScript for the frontend.
standards-typescript
This skill provides TypeScript coding standards and is automatically loaded for TypeScript projects. It includes naming conventions, best practices, and recommended tooling.