npm-pkg-config
Original:🇺🇸 English
Translated
npm package configuration best practices
4installs
Sourced-kimuson/dotfiles
Added on
NPX Install
npx skill4agent add d-kimuson/dotfiles npm-pkg-configTags
Translated version includes tags in frontmatterSKILL.md Content
View Translation Comparison →<scope>
Initialize TypeScript projects with proper tooling, type checking, and framework setup.
Reference documentation: , , , , , , , ,
</scope>
package.mdworkspace.mdtypescript.mdoxc.mdhono.mdtanstack-spa.mdshadcn-ui.mddev-tools.mdci.md<configuration_decisions>
Key Configuration Decisions
Project visibility:
- Public → Include LICENSE file
- Private → Omit license
Package structure:
- Single package → Root-level configuration
- Workspace (monorepo) → Root shared config + per-package configs
Application type:
- Frontend only → TanStack Router + shadcn/ui
- Backend only → Hono
- Full-stack → Hono + TanStack Router + shadcn/ui
- npm library → No framework, focus on build/publish config </configuration_decisions>
<setup_principles>
Setup Dependencies and Order
Required setup sequence (due to configuration dependencies):
- Base package (): Foundation for all subsequent configs
package.md - Workspace structure (): Only if monorepo - must precede package setup
workspace.md - Linting/formatting (): Requires package structure to be established
oxc.md - Application setup: Location depends on package structure
- Single package: Root directory
- Workspace: Separate directories
packages/*/ - TypeScript (): Required for all projects
typescript.md - Backend:
hono.md - Frontend SPA:
tanstack-spa.md - UI components:
shadcn-ui.md
- Development tools (): Requires application structure
dev-tools.md - CI/CD (): Final step after all configs established
ci.md
Location constraints:
- Single package: All configs at root
- Workspace: Shared configs at root, app-specific in </setup_principles>
packages/*/
<reference_index>
Setup Reference Documents
Core setup (all projects):
- : Package configuration (package.json, pnpm)
package.md - : TypeScript strict configuration
typescript.md - : Linting and formatting with oxc
oxc.md - : Development utilities
dev-tools.md - : CI/CD pipelines
ci.md
Structure-specific:
- : Monorepo/pnpm workspace setup
workspace.md
Framework-specific:
- : Backend API with Hono
hono.md - : Frontend SPA with TanStack Router
tanstack-spa.md - : UI component library setup
shadcn-ui.md
</reference_index>
<best_practices>
Configuration Best Practices
TypeScript:
- Always use strict type checking
- Configure path aliases for clean imports
Package management:
- Use pnpm for all TypeScript projects
- Configure workspace protocol for monorepo dependencies
Tooling consistency:
- oxc for linting and formatting (faster than ESLint/Prettier)
- Consistent script names across workspace packages
</best_practices>