AgentSkillsCN

bootstrapper

采用现代化技术栈，快速搭建新项目。当用户需要创建新应用、初始化项目、设置代码库，或提及项目搭建、脚手架搭建、启动引导时，此方案可提供高效支持。支持 TanStack Start + shadcn（通过 npx create-tanstack-start-shadcn）、Rust、Tauri、TanStack Router、Python 以及 C# .NET 项目。

SKILL.md
--- frontmatter
name: bootstrapper
description: Bootstrap new projects with modern tech stacks. Use when creating new applications, setting up projects, initializing codebases, or when the user mentions project setup, scaffolding, or bootstrapping. Supports TanStack Start + shadcn (via npx create-tanstack-start-shadcn), Rust, Tauri, TanStack Router, Python, and C# .NET projects.

Project Bootstrapper

A comprehensive project scaffolding system that helps you create new applications with modern, production-ready configurations.

Supported Tech Stacks

StackCommandUse Case
TanStack Start + shadcnnpx create-tanstack-start-shadcn my-appFull-stack React with SSR, React Query, shadcn/ui, Tailwind v4
Rustcargo new my-appCLI tools, libraries, high-performance applications
Taurinpm create tauri-app@latestCross-platform desktop applications
TanStack Routernpx create-tanstack-app@latestModern React SPAs with file-based routing
Python venvuv init my-app or python3 -m venvScripts, APIs, data science, automation
C# .NETdotnet new web -n my-appAPIs, desktop apps, enterprise software

Installation Commands

TanStack Start + shadcn/ui (Recommended for full-stack React)

bash
# Create a new project
npx create-tanstack-start-shadcn my-app

# With specific package manager
npx create-tanstack-start-shadcn my-app --use-pnpm
npx create-tanstack-start-shadcn my-app --use-yarn
npx create-tanstack-start-shadcn my-app --use-bun

# Start development
cd my-app
npm run dev

Includes: TanStack Start, TanStack Router, React Query, shadcn/ui (new-york style), Tailwind CSS v4, TypeScript, sidebar layout, server functions, API routes, deferred data loading.

After installation: The project includes a .claude/skills/tanstack-start-shadcn/ directory with comprehensive development documentation.

Other Stacks

See TEMPLATES.md for detailed commands for all supported stacks.

How to Use

When asked to bootstrap a project, I will:

  1. •Clarify requirements: Ask about project name, target directory, and specific needs
  2. •Check prerequisites: Verify required tools are installed (Node.js 18+, git, etc.)
  3. •Run the scaffolding command: Execute the appropriate npx/cargo/dotnet command
  4. •Verify setup: Ensure dependencies installed and dev server starts
  5. •Point to development docs: Reference the skill documentation included in the project

Quick Commands

To bootstrap a project, ask me to:

  • •"Create a full-stack React app with TanStack Start" → npx create-tanstack-start-shadcn
  • •"Set up a new project with shadcn/ui and Tailwind" → npx create-tanstack-start-shadcn
  • •"Create a new Rust CLI project" → cargo new
  • •"Set up a Tauri desktop app with React" → npm create tauri-app@latest
  • •"Bootstrap a TanStack Router project" → npx create-tanstack-app@latest
  • •"Initialize a Python project with virtual environment" → uv init or python3 -m venv
  • •"Create a new .NET 8 Web API" → dotnet new web

Prerequisites Check

Before bootstrapping, I'll verify these tools are available:

bash
# Check common tools
node --version  # Should be 18+
which git && git --version

For stack-specific requirements, see TEMPLATES.md.

Project Naming Conventions

  • •Use lowercase with hyphens: my-awesome-project
  • •Avoid spaces and special characters
  • •Keep names concise but descriptive

Post-Setup Recommendations

After bootstrapping, I'll suggest:

  • •Setting up version control (if not already a git repo)
  • •Configuring CI/CD pipelines
  • •Adding appropriate .gitignore entries
  • •Setting up pre-commit hooks
  • •Configuring IDE/editor settings