shell-portability
Use when writing shell scripts that need to run across different systems, shells, or environments. Covers POSIX compatibility and platform differences.
bun-package-manager
Use when managing dependencies with Bun's package manager. Covers installing packages, workspaces, lockfiles, and migrating from npm/yarn/pnpm to Bun.
Full skill instructions
Use this skill when managing dependencies with Bun's package manager, which is significantly faster than npm, yarn, and pnpm while maintaining compatibility.
Bun's package manager is drop-in compatible with npm:
# Install all dependencies
bun install
# Add a dependency
bun add express
bun add -d typescript # Dev dependency
bun add -g cowsay # Global install
# Add specific version
bun add [email protected]
# Install from different sources
bun add [email protected]:user/repo.git
bun add ./local-package
# Remove a dependency
bun remove express
# Remove dev dependency
bun remove -d typescript
# Update all dependencies
bun update
# Update specific package
bun update react
# Update to latest (ignoring semver)
bun update react --latest
Execute package.json scripts:
# Run a script
bun run dev
bun run build
bun run test
# Short form (if no file conflict)
bun dev
bun build
bun test
Bun's binary lockfile is faster and more reliable:
# Generate lockfile
bun install
# Commit bun.lockb to version control
git add bun.lockb
Manage monorepos with workspaces:
// package.json
{
"name": "my-monorepo",
"workspaces": ["packages/*", "apps/*"]
}
# Install all workspace dependencies
bun install
# Run script in specific workspace
bun --filter my-package run build
# Run script in all workspaces
bun --filter '*' run test
Configure Bun-specific options:
{
"name": "my-app",
"version": "1.0.0",
"type": "module",
"scripts": {
"dev": "bun run --hot src/index.ts",
"build": "bun build src/index.ts --outdir dist",
"start": "bun run dist/index.js",
"test": "bun test"
},
"dependencies": {
"express": "^4.18.0"
},
"devDependencies": {
"@types/express": "^4.17.0",
"bun-types": "latest"
},
"peerDependencies": {
"typescript": "^5.0.0"
}
}
Set up proper TypeScript support:
// tsconfig.json
{
"compilerOptions": {
"lib": ["ESNext"],
"target": "ESNext",
"module": "ESNext",
"moduleDetection": "force",
"jsx": "react-jsx",
"allowJs": true,
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"verbatimModuleSyntax": true,
"noEmit": true,
"strict": true,
"skipLibCheck": true,
"noFallthroughCasesInSwitch": true,
"noUnusedLocals": false,
"noUnusedParameters": false,
"noPropertyAccessFromIndexSignature": false,
"types": ["bun-types"]
}
}
Configure trusted dependencies for faster installs:
# Add trusted dependency
bun pm trust @prisma/client
# Install without lifecycle scripts (faster)
bun install --production --frozen-lockfile
# Remove old lockfiles
rm package-lock.json yarn.lock pnpm-lock.yaml
# Install with Bun
bun install
# Update scripts (optional)
# Change "npm run" to "bun run"
# Change "npx" to "bunx"
Configure private registry:
# Set registry
bun config set registry https://registry.example.com
# Set scoped registry
bun config set @myorg:registry https://registry.example.com
# Set auth token
bun config set //registry.example.com/:_authToken YOUR_TOKEN
Optimize for CI environments:
# Fast, frozen lockfile install
bun install --frozen-lockfile --production
# No save (don't update lockfile)
bun install --no-save
# Install dependencies
bun install
# Run dev server with hot reload
bun --hot run src/index.ts
# Run tests in watch mode
bun test --watch
# Build for production
bun run build
// Root package.json
{
"scripts": {
"dev": "bun --filter '*' run dev",
"build": "bun --filter '*' run build",
"test": "bun --filter '*' run test",
"lint": "bun --filter '*' run lint"
}
}
// Package in workspace
{
"name": "@myorg/shared",
"scripts": {
"dev": "bun run --hot src/index.ts",
"build": "bun build src/index.ts --outdir dist",
"test": "bun test"
}
}
# In the package you want to link
bun link
# In the project using the package
bun link @myorg/my-package
# Unlink
bun unlink @myorg/my-package
# Bad - Mixing package managers
npm install react
bun add express
yarn add vue
# Good - Use one package manager
bun add react express vue
# Bad - Committing dependencies
git add node_modules
# Good - Use lockfile
git add bun.lockb
echo "node_modules" >> .gitignore
# Bad - Global install for project dependency
bun add -g typescript
# Good - Install as dev dependency
bun add -d typescript
# Use bunx for one-off commands
bunx tsc --version
# Bad - Updating dependencies in CI
bun install
# Good - Use frozen lockfile
bun install --frozen-lockfile
# Bad - Ignoring peer dependency warnings
bun add react-dom
# Warning: react is a peer dependency of react-dom
# Good - Install peer dependencies
bun add react react-dom
# Use binary lockfile
bun install # Automatically uses bun.lockb
# Skip optional dependencies
bun install --no-optional
# Production install (skip devDependencies)
bun install --production
# Frozen lockfile (don't update)
bun install --frozen-lockfile
# Clear Bun cache
bun pm cache rm
# Check cache size
bun pm cache
Bun installs packages in parallel automatically, making it significantly faster than npm/yarn/pnpm.
# View package details
bun pm ls express
# View all dependencies
bun pm ls
# Check for updates
bun outdated
# Regenerate lockfile
rm bun.lockb
bun install
# Verify lockfile
bun install --frozen-lockfile
Use when writing shell scripts that need to run across different systems, shells, or environments. Covers POSIX compatibility and platform differences.
Use when optimizing Tailwind CSS for production, reducing bundle size, and improving performance. Covers PurgeCSS, JIT mode, and build optimization.
Generate production-ready code from a Figma component or frame using the Figma MCP server
Use when integrating Dialyzer into development workflows and CI/CD pipelines for Erlang/Elixir projects.
Use when ruboCop configuration including YAML config, departments, inheritance, and customization.
Use when Elixir OTP patterns including GenServer, Supervisor, Agent, and Task. Use when building concurrent, fault-tolerant Elixir applications.
Use when creating custom Ameba rules for Crystal code analysis including rule development, AST traversal, issue reporting, and rule testing.
Use when swift's optional handling patterns including optional binding, chaining, nil coalescing, and modern approaches to safely working with optional values while avoiding common pitfalls and force unwrapping.
Use when annotating code with structured metadata, tags, and markers for AI-assisted development workflows. Covers annotation formats, semantic tags, and integration with development tools.
Use when scala collections including immutable/mutable variants, List, Vector, Set, Map operations, collection transformations, lazy evaluation with views, parallel collections, and custom collection builders for efficient data processing.
Use when creating custom React Flow nodes, edges, and handles. Covers custom node components, resizable nodes, toolbars, and advanced customization.
Use when jUnit fundamentals including annotations, assertions, and test lifecycle for Java testing.
Generate, edit, and beat-sync AI video with leading models in one workspace.
The world's fastest calendar for remote work
Transform Your Design with AI Designer by ImgCreator.ai
Revolutionizing Video Production with AI-Powered Creativity
Extend an image past the frame and let AI fill the new aspect ratio.
Discover your celebrity doppelgänger with StarByFace!
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Opus.ai: Revolutionize Your Web Experience