arch-tsdown-monorepo

Name: arch-tsdown-monorepo
Author: hairyf

github.com/hairyfDevelopment26582 installsUpdated 2w ago

About arch-tsdown-monorepo

A skill describing a pnpm monorepo starter for TypeScript libraries, with tsdown builds and shared development tooling. It documents workspace structure, testing, CI, package exports, and release practices.

Key features

01Uses pnpm catalogs and workspace dependencies
02Builds packages with tsdown
03Shares ESLint, Vitest, and TypeScript tooling
04Documents CI and release workflows
05Includes package export snapshots and add-package guidance

Use cases

01Starting a TypeScript library monorepo
02Adding packages to a pnpm workspace
03Setting up shared tests and type checks
04Preparing CI-based npm releases

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/hairyf/skills --skill arch-tsdown-monorepo

After installing, type/arch-tsdown-monorepoin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

GENERATION.md

assets/

ci.yml

release.yml

references/

best-practices-monorepo.md

core-ci.md

core-git-hooks.md

core-overview.md

core-package-exports.md

core-packages.md

core-release.md

core-scripts.md

core-testing.md

core-tooling.md

core-tsdown-per-package.md

core-workspace.md

features-add-package.md

features-exports-snapshot.md

Details

From the project README

arch-tsdown-monorepo is a pnpm monorepo starter for TypeScript libraries (based on hairyf/starter-monorepo). Each package uses tsdown for building. It provides shared tooling (ESLint, Vitest, TypeScript), pnpm catalogs for versions, workspace dependencies, and optional npm Trusted Publisher for CI-based releases.

The skill is based on hairyf/starter-monorepo, generated at 2026-02-02.

Recommended practices:

Use pnpm catalogs for devDependency versions; reference with catalog:cli, catalog:testing, etc.
Use workspace:* for inter-package dependencies; publish once manually, then use npm Trusted Publisher for CI releases.
Run build/typecheck/test from root with pnpm -r run ... and a single Vitest config with projects (root + packages/*).

Core References

Topic	Description	Reference
Overview	Monorepo purpose, structure, when to use	core-overview
Workspace	pnpm workspace, catalogs, workspace:* deps	core-workspace
Packages	Package layout, exports, inter-package deps	core-packages
Package Exports	Dual exports (dev vs publish), main/module/types, files, sideEffects	core-package-exports
tsdown (per package)	entry, dts, exports, publint	core-tsdown-per-package
Scripts	Root and package scripts — build, dev, typecheck, test, release	core-scripts
Testing	Vitest projects — root + packages/*	core-testing
Tooling	ESLint, TypeScript, .gitignore, .vscode	core-tooling
CI	GitHub Actions — lint, typecheck, test matrix	core-ci
Release	npm Trusted Publisher, bumpp, release workflow	core-release
Git Hooks	simple-git-hooks, lint-staged, pre-commit	core-git-hooks

Features

Topic	Description	Reference
Exports Snapshot	Per-package export snapshot tests (vitest-package-exports, runIf(IS_READY))	features-exports-snapshot
Add Package	Step-by-step adding a new workspace package	features-add-package

Best Practices

Topic	Description	Reference
Monorepo	Catalogs, workspace deps, release, build order	best-practices-monorepo

Comments

Markdown supported

Details

Author: hairyf
Repository: hairyf/skills
Category: Development
Installs: 582
GitHub stars: 26

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.