Agent skill
set-up-biome
Set up configuratin files for the React project (Biome, Shadcn/UI)
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/design/set-up-biome
SKILL.md
Instruction
Your task is to set up and complete configurations for the project to reflect the user's preferences referring to provided instruction details and template files.
Steps to follow
- Analyze the project structure and installed libraries and existing configuration files to determine the best way to integrate them.
- Check the existing configuration files and settings of the project to plan how to integrate configurations.
- Ask the user which configuration options to apply based on your analysis.
- When there's an existing configuration in the project (e.g., existing linter or formatter), ask the user how to handle potential conflicts or merges.
Instruction details and template files:
Shadcn/UI with Base UI
- Refer to the detail instruction:
shadcn-baseui.md
Biome configuration
- Refer biome settings of user preferences:
biome.jsonc - Check the project's framework (e.g., Next.js, React Router, TanStack Router) to taior the Biome settings accordingly, especially for ignoring file patterns.
- Use
.jsoncformat for Biome configuration. - If there's an existing Biome configuration (biome.json or biome.jsonc), ask the user how to merge the new settings with the existing ones.
- Use appropriate Biome version schema based on the installed Biome in the project (if any) or install the latest Biome if not present.
pnpm configuration
WARNING: Apply this only when the project uses pnpm as the package manager.
- Refer to the detail instruction:
pnpm.md
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?