set-up-biome

Community

Auto-config Biome, Shadcn/UI, pnpm for React.

Authoryuheitomi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the configuration and setup of a React project by integrating Biome for project scaffolding, Shadcn/UI for component styling, and pnpm for fast package management. It helps you initialize a consistent, production-ready environment with minimal manual steps.

Core Features & Use Cases

  • Biome configuration: applies recommended VCS, ignore rules, and formatting/linting presets tailored for React projects.
  • Shadcn/UI integration: sets up the UI toolkit with the desired style and initializes components scaffolding.
  • PNPM setup: configures a fast, lockfile-based workspace for efficient dependency management.
  • Use Case: Start a new React project and run this Skill to automatically apply a cohesive development environment, then continue with your feature work.

Quick Start

Run this skill in your React project to auto-config Biome, Shadcn/UI, and pnpm. If prompted, choose your preferred Base UI style and confirm any merges with existing configuration.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: set-up-biome
Download link: https://github.com/yuheitomi/llm-instructions/archive/main.zip#set-up-biome

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository