원클릭으로
ultracite
Configure Biome linting/formatting and Husky pre-commit hooks via Ultracite.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Configure Biome linting/formatting and Husky pre-commit hooks via Ultracite.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Set up GitHub Actions CI for lint, typecheck, and tests.
Set up and run Playwright end-to-end tests.
Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.
Use Lucide React icons correctly. Reference file contains all 1,671 valid icon names — always verify against it before using an icon.
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors, @theme inline dark mode conflicts, @apply breaking, v3 migration issues.
| name | ultracite |
| description | Configure Biome linting/formatting and Husky pre-commit hooks via Ultracite. |
Ultracite sets up Biome (linter + formatter) and Husky (git hooks) in one command.
cd ~/Projects/<name>
bun x ultracite@latest init
When prompted, select:
This creates/updates: biome.json, .husky/pre-commit, and adds scripts to package.json.
Update .husky/pre-commit to run all checks:
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"
bunx biome check --write .
bun run tsc --noEmit
bun test
{
"$schema": "https://biomejs.dev/schemas/1.9.0/schema.json",
"organizeImports": { "enabled": true },
"linter": {
"enabled": true,
"rules": { "recommended": true }
},
"formatter": {
"enabled": true,
"indentStyle": "space",
"indentWidth": 2
},
"javascript": {
"formatter": { "quoteStyle": "single" }
}
}
Override rules as needed under linter.rules.
bun run lint # biome check (lint + format check)
bun run format # biome format --write .
bunx biome check --write . # Fix all auto-fixable issues
bunx biome ci . # CI mode (no writes, exit 1 on issues)
Ensure these exist:
{
"scripts": {
"lint": "biome check .",
"format": "biome format --write .",
"typecheck": "tsc --noEmit"
}
}