skills.rest
limaon
limaonCOMMUNITY
Explore all skills by this author →
GitHub

javascript-typescript

Scaffold modern JavaScript/TypeScript projects with TypeScript config and React templates.

Updated Jul 8, 2022
Search Tags:#typescript#react#javascript#nodejs#project-setup#tsconfig
One-click install
npx skills add https://github.com/limaon/dotfiles --skill javascript-typescript-limaon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: javascript-typescript
Source: https://github.com/limaon/dotfiles/tree/main/.config/opencode/skills/javascript-typescript
Command: npx skills add https://github.com/limaon/dotfiles --skill javascript-typescript-limaon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill accelerates JavaScript and TypeScript development by providing guidance, templates, and patterns for modern web projects, reducing setup time and boilerplate.

Core Features & Use Cases

  • TypeScript configuration: sample tsconfig and recommended compiler options for robust type safety.
  • Modern JS patterns: ES6+ syntax, modules, and common tooling for React/Node projects.
  • Use Case: Start a new frontend or full-stack project with a solid TS setup, including React scaffolding and build scripts.

Quick Start

Create a new TypeScript project skeleton, initialize a tsconfig.json with recommended options, and add a minimal React component to bootstrap development.

Frequently Asked Questions about javascript-typescript

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

FAQPage Schema
How do I set up a new TypeScript project with React and Node.js?▼

To set up a TypeScript project, this Skill automates scaffolding for React and Node.js by generating a ready-to-run template. It includes a configured tsconfig.json, ESLint/Prettier rules, and npm scripts to bootstrap full-stack development quickly.

What is the best way to configure tsconfig.json for robust type safety?▼

Configuring tsconfig.json for robust type safety requires applying recommended compiler options. This Skill provides a sample tsconfig.json with modern JS patterns and strict settings to ensure solid type safety for your web project.

Can I use this to scaffold a full-stack TypeScript application with modern tooling?▼

Yes, you can scaffold a full-stack TypeScript application with modern tooling. This Skill applies to frontend, backend, and full-stack workflows, guiding the setup of TypeScript config, build scripts, and React components.

What do I need to include in a modern JavaScript project setup?▼

A modern JavaScript project setup needs ES6+ syntax, modules, and common tooling. This Skill provides templates for ESLint/Prettier rules and npm scripts, reducing boilerplate and accelerating initial project configuration.

Does this TypeScript project setup include linting and formatting rules?▼

Yes, this TypeScript project setup includes linting and formatting rules. The generated template comes pre-configured with ESLint and Prettier rules alongside the tsconfig.json to enforce code quality from the start.

Related Skills

Explore More Software Engineering Skills→
markjoshwelmarkjoshwel

js-bun-majo

Automate Bun as the runtime, tooling, and package manager for JavaScript/TypeScript projects.

Community
Intermediate
dnnyngyendnnyngyen
332

webapp-building

Scaffold React web applications with TypeScript, Vite, Tailwind CSS, and shadcn/ui.

Community
Intermediate
VSF-QC-TTSVSF-QC-TTS

typescript-tooling

Automate ESLint, Prettier, Jest, and Vitest setup for TypeScript projects.

Official
Advanced
joshuaculmerjoshuaculmer

Vite + React + TypeScript

Standardize React and TypeScript project structure and config for Vite apps.

Community
Intermediate