javascript-application-design

Enforce standard JavaScript/TypeScript project structure and tooling conventions.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/jon23d/opencode-configs --skill javascript-application-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: javascript-application-design
Source: https://github.com/jon23d/opencode-configs/tree/main/skills/javascript-application-design
Command: npx skills add https://github.com/jon23d/opencode-configs --skill javascript-application-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Solves inconsistent JavaScript/TypeScript project setup by enforcing standard structure and tooling conventions.

Core Features & Use Cases

  • Project initialisation defaults: enforces a consistent starter structure, TypeScript strictness, and toolchain setup.
  • Tooling standards: pnpm as the package manager, ESLint, Prettier, and module system consistency across React SPA, Next.js, REST APIs, and CLI tools.
  • Use Case: When starting a new codebase or updating tooling across multiple apps, this skill provides a ready-to-use blueprint.

Quick Start

Initialize a new project using pnpm with strict TypeScript, ESLint, and Prettier, then apply the per-application-type conventions.

Frequently Asked Questions about javascript-application-design

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

FAQPage Schema
How do I standardize JavaScript and TypeScript project structure and tooling?

Standardize JavaScript and TypeScript project structure by enforcing a consistent starter setup with strict TypeScript, ESLint, and Prettier configurations across React SPAs, Next.js apps, REST APIs, and CLI tools.

What is the recommended package manager and module system for a new TypeScript application?

The recommended package manager for a new TypeScript application is pnpm, paired with the Node.js runtime and the ESM module system to ensure toolchain consistency and strict type checking.

Can I use these project standards for both React SPAs and REST APIs?

Yes, you can apply these project standards to both React SPAs and REST APIs. The conventions provide a ready-to-use blueprint for initializing and configuring tooling across multiple application types.

How do I configure ESLint and Prettier for a consistent TypeScript toolchain?

Configure ESLint and Prettier for a consistent TypeScript toolchain by applying predefined conventions at project initiation, ensuring code formatting and linting rules are standardized across the codebase.

When do I need to apply standard JavaScript tooling conventions to my codebase?

You need to apply standard JavaScript tooling conventions when starting a new codebase, adding dependencies, or updating tooling across multiple apps to solve inconsistent project setup and enforce standard structure.