Agent skill
chrome-extension-boilerplate-react-vite
Chrome Extension with React, Vite, and TypeScript.
Stars
163
Forks
31
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/chrome-extension-boilerplate-react-vite
SKILL.md
Chrome Extension Boilerplate
Chrome Extension Boilerplate with React + Vite + TypeScript.
Tech Stack
- Framework: React
- Build Tool: Vite
- Language: TypeScript
- Package Manager: pnpm
Setup
1. Clone the Template
bash
git clone --depth 1 https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite.git .
If the directory is not empty:
bash
git clone --depth 1 https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Remove Git History (Optional)
bash
rm -rf .git
git init
3. Install Dependencies
bash
pnpm install
Build
bash
pnpm build
Development
bash
pnpm dev
Loading Extension
- Build the extension
- Open Chrome and go to
chrome://extensions/ - Enable "Developer mode"
- Click "Load unpacked" and select the
distfolder
Didn't find tool you were looking for?