Token导航 LogoToken导航TokenDH.com
前端设计需要联网github未标认证来源可访问clear审计提醒

ln-700-project-bootstrapln 700 项目引导程序

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

总安装

6,415

周安装

270

GitHub Stars

437

下载量

2,246
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:ln-700-project-bootstrap(ln 700 项目引导程序)
来源仓库:https://github.com/levnikolaevich/claude-code-skills
仓库路径:skills/ln-700-project-bootstrap
安装命令:
npx skills add https://github.com/levnikolaevich/claude-code-skills --skill ln-700-project-bootstrap
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/levnikolaevich/claude-code-skills --skill ln-700-project-bootstrap

简介

用于辅助前端页面、组件和样式开发。ln-700-project-bootstrap 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

  • 适合生成 React、Vue 或 Next.js 相关代码并整理组件结构。
  • 使用时需结合项目现有设计系统和路由方式,避免生成孤立片段。
  • 涉及页面改动时应配合本地预览和构建检查确认视觉效果。
  • 建议优先复用项目已有样式和组件规范。

SKILL.md

Paths: File paths (shared/, references/, ../ln-*) are relative to skills repo root. If not found at CWD, locate this SKILL.md directory and go up one level for repo root. If shared/ is missing, fetch files via WebFetch from https://raw.githubusercontent.com/levnikolaevich/claude-code-skills/master/skills/{path}.

ln-700-project-bootstrap

Type: L1 Top Orchestrator Category: 7XX Project Bootstrap

Universal project bootstrapper with two modes: CREATE (generate production-ready project from scratch) or TRANSFORM (migrate existing prototype from any platform to production structure). Output: Clean Architecture, Docker, CI/CD, quality tooling.


Mode Selection

AspectCREATETRANSFORM
InputEmpty directory or target stack configExisting project (Replit, StackBlitz, CodeSandbox, Glitch, custom)
DetectionNo source files foundSource files + optional platform config detected
ln-820SKIP (no deps to upgrade)RUN (upgrade existing deps)
ln-720SCAFFOLD + GENERATERESTRUCTURE + MIGRATE
ln-724SKIP (no artifacts)CONDITIONAL (if platform detected)
ln-730–780RUN (same for both modes)RUN (same for both modes)

Overview

AspectDetails
InputEmpty directory (CREATE) or source project (TRANSFORM)
OutputProduction-ready project with all infrastructure
Delegationsln-820 (conditional) -> ln-720 -> ln-730 -> ln-740 -> ln-760 -> ln-770 -> ln-780

Workflow

Phase 0: Analyze (Tech Detection)
    |
    v
Phase 1: Plan (Generate Transformation Plan)
    |
    v
Phase 2: Confirm (User Approval)
    |
    v
Phase 3: Execute (Delegate to L2 Coordinators)
    |
    +---> ln-820: Dependency Upgrader
    +---> ln-720: Structure Migrator
    +---> ln-730: DevOps Setup
    +---> ln-740: Quality Setup
    +---> ln-760: Security Setup
    +---> ln-770: Crosscutting Setup
    +---> ln-780: Bootstrap Verifier
    |
    v
Phase 4: Report (Summary of Changes)

Phase 0: Technology Detection

Step 0.0: Mode Detection

ConditionModeAction
Empty directory (no source files)CREATEAsk user for target stack, project name, entities
Source files foundTRANSFORMAuto-detect stack, scan for platform artifacts
Ambiguous (few files, unclear)ASKPresent both options, let user choose

Step 0.1: CREATE Mode — User Input

ParameterRequiredDefaultExample
Project nameYesMyApp
Target backendYes.NET / Node.js / Python
Target frontendYesReact / Vue / Angular / Svelte
DatabaseYesPostgreSQL / MongoDB / MySQL
Main entitiesNoUser, Role (starter)User, Product, Order

Step 0.2: Idempotency Pre-flight

If target directory contains existing files:

  1. Detect existing structure (package.json,.csproj, etc.)
  2. Warn user: "Target directory is not empty. Existing files may be overwritten."
  3. Ask: Overwrite (replace all) / Merge (keep existing, add missing) / Abort

Step 0.3: Technology Detection (TRANSFORM mode) / Stack Config (CREATE mode)

Analyze project to detect tech stack before delegations.

Detection Rules

Frontend:
  React:
    - package.json contains "react"
    - Files: *.tsx, *.jsx with React imports
  Vue:
    - package.json contains "vue"
    - Files: *.vue
  Angular:
    - package.json contains "@angular/core"
    - Files: *.component.ts
  Svelte:
    - package.json contains "svelte"
    - Files: *.svelte

Backend:
  .NET:
    - *.csproj files exist
    - *.sln files exist
  Node.js:
    - package.json + (express|fastify|nest|koa)
    - tsconfig.json or jsconfig.json
  Python:
    - requirements.txt OR pyproject.toml OR setup.py
    - (fastapi|flask|django) in dependencies
  Go:
    - go.mod exists

Database:
  PostgreSQL:
    - DATABASE_URL contains "postgres"
    - docker-compose.yml contains "postgres"
  MongoDB:
    - MONGODB_URI in env
    - docker-compose.yml contains "mongo"
  MySQL:
    - DATABASE_URL contains "mysql"

ORM:
  Drizzle: drizzle.config.ts exists
  Prisma: prisma/schema.prisma exists
  EF Core: *.csproj references Microsoft.EntityFrameworkCore
  SQLAlchemy: "sqlalchemy" in requirements

Detection Output

Detected Stack:
  Frontend:
    Framework: React
    Version: 19.x
    Build Tool: Vite
    UI Library: shadcn/ui
    State: React Query

  Backend:
    Current: Node.js + Express
    Target: .NET 10 (user preference)
    ORM: Drizzle -> EF Core

  Database:
    Type: PostgreSQL
    Version: 17

  Structure:
    Type: Monolith (Prototype)
    Origin: replit | stackblitz | codesandbox | glitch | custom
    Target: Clean Architecture

Phase 1: Generate Transformation Plan

Based on detected stack, create detailed plan:

# Bootstrap Transformation Plan

## Source Analysis
- Frontend: React 19 + Vite + TypeScript
- Backend: Express + Drizzle (to be replaced with .NET)
- Database: PostgreSQL 17

## Transformations

### 1. Dependencies (ln-820)
- Upgrade React 18 -> 19
- Upgrade Vite 5 -> 6
- Add missing peer dependencies

### 2. Structure (ln-720)
- Move frontend to src/frontend/
- Create .NET backend: MyApp.Api, MyApp.Domain, etc.
- Migrate mock data from Drizzle to MockData classes

### 3. DevOps (ln-730)
- Create Dockerfile.frontend (multi-stage)
- Create Dockerfile.backend (.NET SDK)
- Create docker-compose.yml
- Create .github/workflows/ci.yml

### 4. Quality (ln-740)
- Configure ESLint (flat config)
- Add Prettier
- Setup Husky + lint-staged
- Create test infrastructure (Vitest, xUnit)

### 5. Security (ln-760)
- Scan for hardcoded secrets
- Run npm audit
- Create SECURITY.md

### 6. Crosscutting (ln-770)
- Configure Serilog logging
- Add GlobalExceptionMiddleware
- Configure CORS policy
- Add /health endpoints
- Enable Swagger

### 7. Verification (ln-780)
- Build all projects
- Run tests
- Start Docker containers
- Verify health checks

## Estimated Changes
- Files created: ~45
- Files modified: ~12
- Files deleted: ~8 (replaced backend)

Phase 2: User Confirmation

Present plan and ask for approval:

Bootstrap Plan Ready!

Summary:
- Frontend: React 19 (upgrade from 18)
- Backend: .NET 10 (replacing Node.js)
- Docker: Multi-container setup
- CI/CD: GitHub Actions
- Quality: ESLint, Prettier, Husky

Proceed with bootstrap? [Y/n]

If user declines, ask for modifications.


Phase 3: Execute Delegations

Sequential delegation to L2 coordinators:

OrderSkillPurposeCREATE modeTRANSFORM modeDepends On
1ln-820Upgrade dependenciesSKIPRUN
2ln-720Structure (SCAFFOLD/RESTRUCTURE)RUN (SCAFFOLD)RUN (RESTRUCTURE)ln-820
3ln-730Setup Docker/CIRUNRUNln-720
4ln-740Configure quality toolsRUNRUNln-720
5ln-760Security scanningRUNRUNln-820
6ln-770Crosscutting concernsRUNRUNln-720
7ln-780Build and verifyRUNRUNAll above

Delegation Protocol

For each L2 coordinator:

  1. Prepare context: Stack: frontend: {framework, version, buildTool} backend: {framework, version} database: {type, version} Paths: root: /project frontend: /project/src/frontend backend: /project/src/MyApp.Api Options: skipTests: false allowFailures: false
  2. Invoke skill: Pass context as input Skill(skill: "ln-820-dependency-upgrader", args: "{projectPath} --mode TRANSFORM") Skill(skill: "ln-720-structure-migrator", args: "{projectPath} --mode {CREATE|TRANSFORM}") Skill(skill: "ln-730-devops-setup", args: "{projectPath}") Skill(skill: "ln-740-quality-setup", args: "{projectPath}") Skill(skill: "ln-760-security-setup", args: "{projectPath}") Skill(skill: "ln-770-crosscutting-setup", args: "{projectPath}") Skill(skill: "ln-780-bootstrap-verifier", args: "{projectPath}")
  3. Collect result: Status: success | partial | failed FilesCreated: [...] FilesModified: [...] Warnings: [...] Errors: [...]
  4. Handle errors:

- Log error details - Ask user: continue or abort? - If abort, rollback if possible


Phase 4: Generate Report

Bootstrap Completeness Assessment

Context: Final verification that bootstrap produced a working project, not just files.

#CategoryCheckSource
1StructureClean Architecture layers presentln-720 result
2DependenciesAll packages installed, no version conflictsln-820 result
3DevOpsDocker builds, CI pipeline validln-730 result
4QualityLinters/formatters configured and passln-740 result
5SecurityNo hardcoded secrets, scanning configuredln-760 result
6BuildProject compiles/builds without errorsln-780 result

Completeness Score = count of PASS / 6

  • 6/6: Bootstrap complete
  • 4-5/6: Bootstrap complete with warnings (list failing categories)
  • <4/6: Bootstrap incomplete — list blocking issues for user action

Summary Report

Final summary after all delegations:

Bootstrap Complete!

Duration: 24 minutes 32 seconds

Changes Summary:
  Files Created: 47
  Files Modified: 15
  Files Deleted: 9

By Category:
  Dependencies:
    - Upgraded 23 packages
    - No breaking changes detected

  Structure:
    - Created 5 .NET projects
    - Restructured frontend (12 components extracted)
    - Migrated 8 mock data files

  DevOps:
    - Created Dockerfile.frontend
    - Created Dockerfile.backend
    - Created docker-compose.yml
    - Created .github/workflows/ci.yml

  Quality:
    - Configured ESLint + Prettier
    - Installed Husky hooks
    - Created 3 test files

  Security:
    - Scanned 156 files
    - Found 0 secrets
    - 2 vulnerability warnings (low severity)

  Crosscutting:
    - Configured Serilog
    - Added error handling
    - CORS enabled for localhost
    - Health checks at /health
    - Swagger at /swagger

Verification:
  Build: SUCCESS
  Tests: 42 passed, 0 failed
  Docker: 3 containers running
  Health: All endpoints responding

Next Steps:
  1. Open http://localhost:3000 (frontend)
  2. Open http://localhost:5000/swagger (API docs)
  3. Run 'git add . && git commit -m "Bootstrap complete"'

Error Handling

Recoverable Errors

ErrorAction
Dependency conflictTry with --legacy-peer-deps
Build failureLog error, suggest fix, continue
Test failureLog warning, continue with --allow-failures
Docker build failSuggest Dockerfile fixes

Fatal Errors

ErrorActionMode
No package.json (TRANSFORM)Abort: "Not a Node.js project"TRANSFORM
Unsupported stackAbort: "Stack not supported: {stack}"Both
Permission deniedAbort: "Cannot write to {path}"Both
No stack selectedAbort: "Target stack required for CREATE mode"CREATE
Conflicting filesAbort if user chose "Abort" in pre-flightCREATE

Configuration

Skill Options

Options:
  # Backend replacement
  targetBackend: ".NET" | "Node" | "Python" | "keep"

  # Frontend refactoring depth
  frontendRefactoring: "minimal" | "moderate" | "full"

  # Docker setup
  dockerEnabled: true
  dockerRegistry: null  # Optional: ghcr.io/user

  # CI/CD
  cicdProvider: "github" | "azure" | "gitlab" | "none"

  # Quality tools
  linterConfig: "recommended" | "strict"
  precommitHooks: true

  # Verification
  runTests: true
  startContainers: true
  keepContainersRunning: true

Environment Variables

# Optional: Override detection
BOOTSTRAP_FRONTEND=react
BOOTSTRAP_BACKEND=dotnet
BOOTSTRAP_DB=postgres

# Optional: Skip steps
SKIP_DEPENDENCIES=false
SKIP_DOCKER=false
SKIP_TESTS=false

Integration with Existing Skills

SkillIntegration
shared/references/research_methodology.mdStandards research during ln-720
shared/references/documentation_creation.mdGuide generation during ln-720
ln-100-documents-pipelineCall after bootstrap for docs
ln-310-multi-agent-validatorValidate generated tasks

References

MANDATORY READ: Load these files at the phases indicated:

  • references/stack_detection.md — Phase 0 detection rules and patterns
  • references/transformation_plan_template.md — Phase 1 plan template
  • references/verification_checklist.md — Phase 3 verification steps

TodoWrite format (mandatory):

- Invoke ln-820-dependency-upgrader (conditional TRANSFORM) (pending)
- Invoke ln-720-structure-migrator (pending)
- Invoke ln-730-devops-setup (pending)
- Invoke ln-740-quality-setup (pending)
- Invoke ln-760-security-setup (pending)
- Invoke ln-770-crosscutting-setup (pending)
- Invoke ln-780-bootstrap-verifier (pending)
- Generate completion report (pending)

Worker Invocation (MANDATORY)

PhaseWorkerContext
3.1ln-820-dependency-upgraderShared (Skill tool) — upgrade existing deps (TRANSFORM only)
3.2ln-720-structure-migratorShared (Skill tool) — scaffold or restructure to Clean Architecture
3.3ln-730-devops-setupShared (Skill tool) — Docker, CI/CD, environment config
3.4ln-740-quality-setupShared (Skill tool) — linters, pre-commit, test infrastructure
3.5ln-760-security-setupShared (Skill tool) — security scanning and hardening
3.6ln-770-crosscutting-setupShared (Skill tool) — logging, error handling, CORS, health
3.7ln-780-bootstrap-verifierShared (Skill tool) — build, test, Docker verification

All workers: Invoke via Skill tool — workers see coordinator context.

Definition of Done

  • Tech stack detected (or user-specified for CREATE mode) and plan generated
  • All L2 coordinators delegated and completed (ln-820 through ln-780)
  • Bootstrap completeness score 4/6 or higher
  • Final summary report presented to user

Phase 5: Meta-Analysis

MANDATORY READ: Load shared/references/meta_analysis_protocol.md

Skill type: execution-orchestrator. Run after all phases complete. Output to chat using the execution-orchestrator format.


Version: 2.0.0 Last Updated: 2026-02-07

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

26.71%
按下载量换算600

Gemini CLI

23.37%
按下载量换算525

Codex

16.6%
按下载量换算373

OpenCode

11.13%
按下载量换算250

Antigravity

8.2%
按下载量换算184

windsurf

3.56%
按下载量换算80

安全审计

Gen Agent Trust Hub

通过

Socket

可疑

Snyk

可疑

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果,不能写成本站确认安全。

来源信息

继续浏览同类 Skills