Menu
Configure Biome linting/formatting and Husky pre-commit hooks via Ultracite.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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"
}
}