Agent Skills: Project Blueprint

>

UncategorizedID: vibery-studio/templates/project-blueprint

Install this agent skill to your local

pnpm dlx add-skill https://github.com/vibery-studio/templates/tree/HEAD/skills/project-blueprint

Skill Files

Browse the full folder contents for project-blueprint.

Download Skill

Loading file tree…

skills/project-blueprint/SKILL.md

Skill Metadata

Name
project-blueprint
Description
>

Project Blueprint

Generate production-ready project configurations by orchestrating Vibery ecosystem components.

Purpose

Instead of manually researching which agents, skills, MCPs, and commands to install, this skill analyzes project requirements and outputs a complete setup recipe.

Available Components

Vibery Ecosystem (auto-updated)

RUN: npx vibery list
TO: Get current available templates

Categories:
- πŸ€– Agents: Tech-specific experts (nextjs-developer, stripe-pro, etc.)
- ⚑ Commands: One-shot tasks (create-pr, generate-tests, etc.)
- πŸ”Œ MCPs: External integrations (supabase, github, shopify, etc.)
- πŸͺ Hooks: Automation triggers (auto-commit, lint-on-save, etc.)
- βš™οΈ Settings: Permission presets (allow-npm, deny-sensitive-files, etc.)
- 🎨 Skills: Complex workflows (frontend-design, mcp-builder, etc.)

Process

Phase 1: Project Classification

Entry Check

IF user provided: project type + tech stack + scale
    β†’ Proceed to Phase 2
ELSE
    β†’ Classify project first

Classification Questions

| Question | Options | Why | | ----------------------- | ------------------------------------------------------------------------------ | ------------------------- | | "What type of project?" | SaaS, E-commerce, API, CLI, Mobile, Landing Page, Chrome Extension, MCP Server | Determines base blueprint | | "Primary tech stack?" | [Detect from context or ask] | Matches agents/skills | | "Solo or team?" | Solo, Small team (2-5), Large team (5+) | Affects workflow setup | | "Deploy where?" | Vercel, Cloudflare, AWS, Railway, Self-hosted | Adds deployment hooks |

Project Type β†’ Base Blueprint Mapping

SaaS MVP:
    β†’ nextjs-developer + supabase + stripe-pro
    β†’ Commands: create-pr, generate-tests, security-audit
    β†’ Skills: frontend-design, backend-development

E-commerce:
    β†’ nextjs-developer + shopify OR woocommerce
    β†’ Commands: performance-audit, security-audit
    β†’ Skills: frontend-design

API Service:
    β†’ backend-architect + swagger + postgres-pro
    β†’ Commands: generate-api-documentation, security-audit
    β†’ MCPs: postgresql, redis

CLI Tool:
    β†’ cli-developer + typescript-pro
    β†’ Commands: generate-tests, prepare-release
    β†’ Hooks: conventional-commits

Landing Page:
    β†’ frontend-design + tailwind-pro
    β†’ Commands: performance-audit
    β†’ Hooks: format-on-save

Chrome Extension:
    β†’ typescript-pro + chrome-devtools
    β†’ Skills: frontend-design

MCP Server:
    β†’ mcp-builder + typescript-pro
    β†’ Commands: generate-tests
    β†’ Skills: mcp-management

Phase 2: Stack Analysis

Entry Check

IF project classified:
    β†’ Analyze tech stack requirements
ELSE
    β†’ Return to Phase 1

Stack Detection

IF existing project:
    β†’ Read package.json, requirements.txt, go.mod, Cargo.toml
    β†’ Identify: framework, language, dependencies
    β†’ Suggest components matching existing stack

IF new project:
    β†’ Use classification from Phase 1
    β†’ Recommend optimal stack for project type

Component Selection Rules

FOR each technology in stack:
    β†’ Search: npx vibery search [technology]
    β†’ Select: Most specific agent/skill available
    β†’ Avoid: Generic alternatives if specific exists

Example:
    Next.js project β†’ nextjs-developer (not react-specialist)
    Supabase auth β†’ supabase MCP (not generic postgres)

Phase 3: Blueprint Generation

Entry Check

IF stack analyzed + components selected:
    β†’ Generate blueprint
ELSE
    β†’ Return to Phase 2

Blueprint Structure

# Project Blueprint: [Project Name]

## Quick Start

```bash
# 1. Install Vibery templates
npx vibery install [agent-1]
npx vibery install [agent-2]
npx vibery install [mcp-1]
npx vibery install [command-1]
npx vibery install [hook-1]

# 2. Configure MCP servers (if any)
# [MCP-specific setup commands]

# 3. Verify installation
npx vibery list --installed
```

Components Installed

Agents

| Agent | Purpose | When Used | | ------------ | -------------- | ----------------- | | [agent-name] | [what it does] | [trigger context] |

MCPs

| MCP | Purpose | Setup Required | | ---------- | --------------------- | ---------------- | | [mcp-name] | [what it connects to] | [env vars, auth] |

Commands

| Command | Purpose | Usage | | ---------- | -------------- | ------------- | | /[command] | [what it does] | [when to run] |

Hooks

| Hook | Trigger | Action | | ----------- | ------------ | -------------- | | [hook-name] | [when fires] | [what happens] |

CLAUDE.md

[Generate project-specific CLAUDE.md - see Phase 4]

Folder Structure

[Generate recommended structure - see Phase 4]

Workflows

[Generate common workflows - see Phase 4]


---

### Phase 4: Configuration Generation

#### CLAUDE.md Generation

BASED ON project type + stack: β†’ Generate CLAUDE.md with:

# Project Context
- Tech stack summary
- Architecture overview
- Key directories

# Conventions
- Coding standards for this stack
- Naming conventions
- File organization rules

# Commands
- Dev, test, build, deploy commands

# Agent Instructions
- When to use which installed agent
- MCP usage patterns

#### Folder Structure Generation

BASED ON project type: β†’ Generate tree structure with:

- Source code organization
- Test file locations
- Config file placements
- Documentation structure

Match conventions of chosen framework

#### Workflow Generation

GENERATE common workflows:

  1. Feature Development:

    • Branch naming
    • Which agents to use
    • PR creation with /create-pr
  2. Testing:

    • /generate-tests for new features
    • Test organization
  3. Deployment:

    • Pre-deploy checks
    • Deploy commands
    • Post-deploy verification

---

### Phase 5: Output Delivery

#### Output Format
```markdown
# [Project Name] Blueprint

## Installation (copy-paste ready)
[bash commands]

## Configuration Files

### CLAUDE.md
```markdown
[generated CLAUDE.md content]

.claude/settings.json (if needed)

[settings content]

Project Structure

[folder tree]

Development Workflow

[step by step workflow]

Next Steps

  1. Run installation commands
  2. Copy CLAUDE.md to project root
  3. Create folder structure
  4. Start with: [first recommended action]

---

## Self-Check (Read before every response)

β–‘ Did I check current Vibery availability?
  β†’ Templates change; verify before recommending

β–‘ Are install commands copy-paste ready?
  β†’ User should not need to modify commands

β–‘ Is CLAUDE.md specific to this project?
  β†’ Generic CLAUDE.md = wasted context

β–‘ Did I include MCP setup instructions?
  β†’ MCPs often need env vars, auth tokens

β–‘ Are workflows actionable?
  β†’ "Use good practices" is not a workflow
  β†’ "Run /create-pr after feature complete" is

β–‘ Did I explain WHY each component?
  β†’ User should understand the choices

---

## Blueprint Templates Reference

See `references/blueprints/` for complete examples:
- `saas-nextjs-supabase.md`
- `api-fastapi-postgres.md`
- `cli-typescript.md`
- `landing-astro.md`
- `extension-chrome.md`
- `mcp-server.md`
Project Blueprint Skill | Agent Skills