Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
日本語の概要は準備中です。原文の説明を表示しています。
Use when building, running, testing, or bundling JavaScript/TypeScript applications. Reach for Bun when you need to execute scripts, manage packages, run tests, or bundle code for production. Bun is a drop-in replacement for Node.js with integrated package manager, test runner, and bundler.
インストール方法を見るインストールする前に、エージェントに与えられる指示の中身を確認できます。
Bun is an all-in-one JavaScript/TypeScript toolkit that ships as a single binary. It includes a fast runtime (drop-in Node.js replacement), package manager, test runner, and bundler. The runtime uses JavaScriptCore (Apple's engine) and is written in Zig, delivering 4x faster startup than Node.js. Key files: bunfig.toml (configuration), package.json (scripts and dependencies), bun.lock (lockfile). Primary CLI commands: bun run, bun install, bun test, bun build. See https://bun.com/docs for complete documentation.
.ts, .tsx, .js, .jsx files directly without compilation stepBun.serve() for fast request handlingBun.file(), Bun.write())| Command | Purpose |
|---|---|
bun run <file> | Execute a TypeScript/JavaScript file |
bun run <script> | Run a package.json script |
bun install | Install dependencies (30x faster than npm) |
bun add <pkg> | Add a package to dependencies |
bun remove <pkg> | Remove a package |
bun test | Run tests matching *.test.ts, *_test.ts, *.spec.ts, *_spec.ts |
bun build <entry> | Bundle code for production |
bunx <pkg> | Execute a package without installing |
# Runtime settings
preload = ["./setup.ts"]
jsx = "react"
logLevel = "debug"
# Package manager
[install]
optional = true
dev = true
peer = true
linker = "hoisted" # or "isolated"
# Test runner
[test]
root = "."
coverage = false
coverageThreshold = 0.9
# Script runner
[run]
shell = "system" # or "bun"
bun = true # alias node to bun
silent = false
// Read file
const file = Bun.file('path/to/file.txt');
const text = await file.text();
const bytes = await file.bytes();
// Write file
await Bun.write('path/to/file.txt', 'content');
// Incremental write
const writer = Bun.file('output.txt').writer();
writer.write('chunk 1\n');
writer.write('chunk 2\n');
writer.end();
Bun.serve({
port: 3000,
routes: {
'/': () => new Response('Home'),
'/api': () => Response.json({ data: [] }),
'/users/:id': (req) => new Response(`User ${req.params.id}`)
},
fetch(req) {
return new Response('Not found', { status: 404 });
}
});
| Flag | Purpose |
|---|---|
--save-dev / -d | Add as dev dependency |
--optional | Add as optional dependency |
--exact | Use exact version (not caret range) |
--production | Skip dev dependencies on install |
--frozen-lockfile | Fail if lockfile needs updating |
--global | Install globally |
| Flag | Purpose |
|---|---|
--watch | Re-run on file changes |
--concurrent | Run tests in parallel |
--timeout <ms> | Per-test timeout (default 5000) |
--bail | Stop after first failure |
--retry <n> | Retry failed tests |
--coverage | Generate coverage report |
--update-snapshots | Update snapshot files |
await Bun.build({
entrypoints: ['./index.tsx'],
outdir: './dist',
target: 'browser', // "browser" | "bun" | "node"
format: 'esm', // "esm" | "cjs" | "iife"
splitting: true, // Enable code splitting
minify: true, // Minify output
sourcemap: 'linked', // "none" | "linked" | "inline" | "external"
external: ['react'], // Don't bundle these
define: { VERSION: '"1.0"' }
});
bun run vs bun| Scenario | Use |
|---|---|
| Running a package.json script | bun run <script> |
| Running a file directly | bun <file> or bun run <file> |
| Ambiguous name (file or script) | bun run (prioritizes scripts) |
| Running system commands | bun run (in scripts) |
hoisted vs isolated linker| Scenario | Use |
|---|---|
| Single-package project | hoisted (default) |
| Monorepo with workspaces | isolated (default for new workspaces) |
| Need flat node_modules | hoisted |
| Strict dependency isolation | isolated |
| Scenario | Use |
|---|---|
| Development/testing | Run directly with bun run |
| Production server | Bundle with bun build --target bun |
| Browser/client code | Bundle with bun build --target browser |
| Single executable | Bundle with bun build --compile |
| Reduce startup time | Bundle with --bytecode |
| Scenario | Use |
|---|---|
| Tests share state | test.serial() |
| Independent async tests | test.concurrent() |
| Database operations | test.serial() |
| API calls | test.concurrent() |
bun init my-app
cd my-app
bun install
# or add specific packages
bun add react react-dom
bun add -d typescript @types/react
Edit package.json:
{
"scripts": {
"dev": "bun run src/index.ts",
"build": "bun build src/index.ts --outdir dist",
"test": "bun test"
}
}
Run with:
bun run dev
bun run build
bun test
# Browser bundle
bun build src/index.tsx --outdir dist --target browser
# Server bundle
bun build src/server.ts --outdir dist --target bun
# Single executable
bun build src/cli.ts --outfile mycli --compile
Create math.test.ts:
import { test, expect } from 'bun:test';
test('addition', () => {
expect(2 + 2).toBe(4);
});
Run tests:
bun test
bun test --watch
bun test --coverage
Create bunfig.toml in project root:
[install]
linker = "hoisted"
[test]
coverage = true
coverageThreshold = 0.8
[run]
bun = true
#!/usr/bin/env node run with Node.js by default. Use bun run --bun <script> to force Bun execution.@types/bun to dev dependencies and configure tsconfig.json with "lib": ["ESNext"] and "module": "Preserve" for proper type support.[install] auto = "disable" in bunfig.toml for CI environments to avoid unexpected package installations.bun.lockb by default (faster). Use [install] saveTextLockfile = true for text-based lockfile."type": "module" in package.json..env, .env.local, and .env.[NODE_ENV] files. Disable with [env] file = false in bunfig.toml.*.test.ts, *_test.ts, *.spec.ts, *_spec.ts are discovered. Nested test files in subdirectories are found."workspace:*" in dependencies to link workspace packages. Run bun install from root to link all workspaces.bun build does not generate .d.ts files. Use tsc separately for type declarations.external: ["pkg"] to avoid bundling them. They must be available at runtime.Before submitting work with Bun:
bun testtsc --noEmitbun install completes without errorspackage.json with bun run <script>bun build completes without errorsbun.lock or bun.lockb is in version control.env files exist or CI/CD provides thembun test --coverage meets thresholdFor additional documentation and navigation, see: https://bun.com/docs/llms.txt
まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
日本語の概要は準備中です。原文の説明を表示しています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
日本語の概要は準備中です。原文の説明を表示しています。
Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.
日本語の概要は準備中です。原文の説明を表示しています。
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
日本語の概要は準備中です。原文の説明を表示しています。
Svelte 5 runes, snippets, SvelteKit patterns, and modern best practices for TypeScript and component development. Use when writing, reviewing, or refactoring Svelte 5 components and SvelteKit applications. Triggers on: Svelte components, runes ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), event handling, SvelteKit data loading, form actions, Svelte 4 to Svelte 5 migration, store to rune migration, slots to snippets migration, TypeScript props typing, generic components, SSR state isolation, performance optimization, or component testing.
日本語の概要は準備中です。原文の説明を表示しています。
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
日本語の概要は準備中です。原文の説明を表示しています。