@0xsown/vibe-code-fe 1.0.0

package/bin/index.js

@@ -0,0 +1,181 @@
+#!/usr/bin/env node
+const fs = require('fs-extra');
+const path = require('path');
+const chalk = require('chalk');
+
+const { version } = require('../package.json');
+
+const BUNDLED_SKILLS_DIR = path.join(__dirname, '../skills');
+const TEMPLATES_DIR = path.join(__dirname, '../templates');
+
+// Source of truth — all other dirs symlink here
+const SKILLS_ROOT = '.agents/skills';
+// Symlinked dirs — relative path from their parent to SKILLS_ROOT
+const SKILL_SYMLINKS = [
+  { dir: '.claude/skills',  rel: '../.agents/skills' },
+  { dir: '.agent/skills',   rel: '../.agents/skills' },
+];
+
+async function isSymlink(p) {
+  try {
+    return (await fs.lstat(p)).isSymbolicLink();
+  } catch {
+    return false;
+  }
+}
+
+// Convert SKILL.md → Cursor .mdc format
+async function copySkillToCursor(skillDir, skillName, cursorRulesDir) {
+  const skillMdPath = path.join(skillDir, 'SKILL.md');
+  if (!await fs.pathExists(skillMdPath)) return;
+
+  const content = await fs.readFile(skillMdPath, 'utf8');
+  const heading = content.split('\n').find(l => l.startsWith('# '))?.replace('# ', '').trim() ?? skillName;
+
+  const mdc = `---
+description: ${heading}
+alwaysApply: false
+---
+
+${content}`;
+
+  await fs.ensureDir(cursorRulesDir);
+  const destFile = path.join(cursorRulesDir, `${skillName}.mdc`);
+
+  if (await isSymlink(destFile) || await fs.pathExists(destFile)) {
+    console.log(chalk.gray(`    ⏭ .cursor/rules/${skillName}.mdc already exists, skipping`));
+    return;
+  }
+
+  await fs.writeFile(destFile, mdc, 'utf8');
+}
+
+async function installSkills(projectDir, skills) {
+  const agentsSkillsDir = path.join(projectDir, SKILLS_ROOT);
+  const cursorRulesDir = path.join(projectDir, '.cursor/rules');
+  const hasCursor = await fs.pathExists(path.join(projectDir, '.cursor'));
+
+  // 1. Copy bundled skills into .agents/skills/ (source of truth)
+  await fs.ensureDir(agentsSkillsDir);
+
+  for (const skill of skills) {
+    const src = path.join(BUNDLED_SKILLS_DIR, skill);
+    if (!(await fs.stat(src)).isDirectory()) continue;
+
+    const dest = path.join(agentsSkillsDir, skill);
+    console.log(chalk.bold(`\n  📦 ${skill}`));
+
+    if (await isSymlink(dest) || await fs.pathExists(dest)) {
+      console.log(chalk.gray(`    ⏭ ${SKILLS_ROOT}/${skill} already exists, skipping`));
+    } else {
+      await fs.copy(src, dest);
+      console.log(chalk.green(`    ✓ ${SKILLS_ROOT}/${skill}`));
+    }
+
+    // Cursor .mdc conversion
+    if (hasCursor) {
+      await copySkillToCursor(src, skill, cursorRulesDir);
+      console.log(chalk.green(`    ✓ .cursor/rules/${skill}.mdc`));
+    }
+  }
+
+  // 2. Symlink .claude/skills and .agent/skills → .agents/skills
+  for (const { dir, rel } of SKILL_SYMLINKS) {
+    const symlinkPath = path.join(projectDir, dir);
+
+    if (await isSymlink(symlinkPath)) {
+      console.log(chalk.gray(`\n  ⏭ ${dir} already symlinked, skipping`));
+      continue;
+    }
+
+    if (await fs.pathExists(symlinkPath)) {
+      console.log(chalk.yellow(`\n  ⚠️  ${dir} exists as real folder, skipping symlink`));
+      continue;
+    }
+
+    await fs.ensureDir(path.dirname(symlinkPath));
+    await fs.symlink(rel, symlinkPath, 'dir');
+    console.log(chalk.green(`\n  🔗 ${dir} → ${rel}`));
+  }
+}
+
+async function copyTemplate(name, dest) {
+  const src = path.join(TEMPLATES_DIR, name);
+  if (!await fs.pathExists(src)) return;
+
+  if (await fs.pathExists(dest)) {
+    console.log(chalk.gray(`  ⏭ ${dest} already exists, skipping`));
+    return;
+  }
+
+  await fs.ensureDir(path.dirname(dest));
+  await fs.copy(src, dest);
+  console.log(chalk.green(`  📝 Created ${dest}`));
+}
+
+async function init() {
+  const args = process.argv.slice(2);
+
+  if (args.includes('--version') || args.includes('-v')) {
+    console.log(version);
+    process.exit(0);
+  }
+
+  if (args.includes('--help') || args.includes('-h')) {
+    console.log(`
+  Usage: npx @0xsown/vibe-code-fe [options]
+
+  Options:
+    -v, --version   Show version number
+    -h, --help      Show help
+
+  Initializes bundled AI skills into your project for:
+    Claude Code  → .claude/skills/
+    Antigravity  → .agents/skills/ + .agent/skills/
+    Cursor       → .cursor/rules/ (if .cursor/ detected)
+`);
+    process.exit(0);
+  }
+
+  console.log(chalk.cyan(`\n🚀 Vibe Code FE v${version}\n`));
+
+  const projectDir = process.cwd();
+
+  // ── 1. Skills ─────────────────────────────────────────────────────────
+  if (!await fs.pathExists(BUNDLED_SKILLS_DIR)) {
+    console.log(chalk.yellow('⚠️  No bundled skills found. Skipping skills copy.'));
+  } else {
+    const skills = (await fs.readdir(BUNDLED_SKILLS_DIR)).filter(s => !s.startsWith('.'));
+
+    if (skills.length === 0) {
+      console.log(chalk.yellow('⚠️  skills/ folder is empty.'));
+    } else {
+      console.log(chalk.blue(`Installing ${skills.length} skill(s)...`));
+      await installSkills(projectDir, skills);
+
+      const lockfilePath = path.join(projectDir, 'skills-lock.json');
+      const lockData = {
+        version: 1,
+        installedAt: new Date().toISOString(),
+        skills: skills.reduce((acc, s) => {
+          acc[s] = { bundledWith: `@0xsown/vibe-code-fe@${version}` };
+          return acc;
+        }, {})
+      };
+      await fs.writeJson(lockfilePath, lockData, { spaces: 2 });
+    }
+  }
+
+  // ── 2. Config files ───────────────────────────────────────────────────
+  console.log(chalk.blue('\nCreating config files...'));
+  await copyTemplate('CLAUDE.md', path.join(projectDir, '.claude/CLAUDE.md'));
+  await copyTemplate('AGENTS.md', path.join(projectDir, '.agents/AGENTS.md'));
+  await copyTemplate('AGENTS.md', path.join(projectDir, '.agent/AGENTS.md'));
+
+  console.log(chalk.cyan('\n✨ Done! Your AI is ready to vibe.\n'));
+}
+
+init().catch((err) => {
+  console.error(chalk.red('\n❌ Error:'), err.message);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@0xsown/vibe-code-fe",
+  "version": "1.0.0",
+  "description": "Zero-config AI vibe initialization for frontend projects",
+  "bin": {
+    "vibe-code-fe": "./bin/index.js"
+  },
+  "files": [
+    "bin",
+    "skills",
+    "templates"
+  ],
+  "engines": {
+    "node": ">=16"
+  },
+  "keywords": [
+    "cli",
+    "ai",
+    "skills",
+    "frontend",
+    "vibe",
+    "claude",
+    "agent"
+  ],
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "fs-extra": "^11.2.0",
+    "simple-git": "^3.22.0"
+  },
+  "author": "Sown",
+  "license": "MIT"
+}

package/skills/claude-md-improver/SKILL.md

@@ -0,0 +1,179 @@
+---
+name: claude-md-improver
+description: Audit and improve CLAUDE.md files in repositories. Use when user asks to check, audit, update, improve, or fix CLAUDE.md files. Scans for all CLAUDE.md files, evaluates quality against templates, outputs quality report, then makes targeted updates. Also use when the user mentions "CLAUDE.md maintenance" or "project memory optimization".
+tools: Read, Glob, Grep, Bash, Edit
+---
+
+# CLAUDE.md Improver
+
+Audit, evaluate, and improve CLAUDE.md files across a codebase to ensure Claude Code has optimal project context.
+
+**This skill can write to CLAUDE.md files.** After presenting a quality report and getting user approval, it updates CLAUDE.md files with targeted improvements.
+
+## Workflow
+
+### Phase 1: Discovery
+
+Find all CLAUDE.md files in the repository:
+
+```bash
+find . -name "CLAUDE.md" -o -name ".claude.md" -o -name ".claude.local.md" 2>/dev/null | head -50
+```
+
+**File Types & Locations:**
+
+| Type | Location | Purpose |
+|------|----------|---------|
+| Project root | `./CLAUDE.md` | Primary project context (checked into git, shared with team) |
+| Local overrides | `./.claude.local.md` | Personal/local settings (gitignored, not shared) |
+| Global defaults | `~/.claude/CLAUDE.md` | User-wide defaults across all projects |
+| Package-specific | `./packages/*/CLAUDE.md` | Module-level context in monorepos |
+| Subdirectory | Any nested location | Feature/domain-specific context |
+
+**Note:** Claude auto-discovers CLAUDE.md files in parent directories, making monorepo setups work automatically.
+
+### Phase 2: Quality Assessment
+
+For each CLAUDE.md file, evaluate against quality criteria. See [references/quality-criteria.md](references/quality-criteria.md) for detailed rubrics.
+
+**Quick Assessment Checklist:**
+
+| Criterion | Weight | Check |
+|-----------|--------|-------|
+| Commands/workflows documented | High | Are build/test/deploy commands present? |
+| Architecture clarity | High | Can Claude understand the codebase structure? |
+| Non-obvious patterns | Medium | Are gotchas and quirks documented? |
+| Conciseness | Medium | No verbose explanations or obvious info? |
+| Currency | High | Does it reflect current codebase state? |
+| Actionability | High | Are instructions executable, not vague? |
+
+**Quality Scores:**
+- **A (90-100)**: Comprehensive, current, actionable
+- **B (70-89)**: Good coverage, minor gaps
+- **C (50-69)**: Basic info, missing key sections
+- **D (30-49)**: Sparse or outdated
+- **F (0-29)**: Missing or severely outdated
+
+### Phase 3: Quality Report Output
+
+**ALWAYS output the quality report BEFORE making any updates.**
+
+Format:
+
+```
+## CLAUDE.md Quality Report
+
+### Summary
+- Files found: X
+- Average score: X/100
+- Files needing update: X
+
+### File-by-File Assessment
+
+#### 1. ./CLAUDE.md (Project Root)
+**Score: XX/100 (Grade: X)**
+
+| Criterion | Score | Notes |
+|-----------|-------|-------|
+| Commands/workflows | X/20 | ... |
+| Architecture clarity | X/20 | ... |
+| Non-obvious patterns | X/15 | ... |
+| Conciseness | X/15 | ... |
+| Currency | X/15 | ... |
+| Actionability | X/15 | ... |
+
+**Issues:**
+- [List specific problems]
+
+**Recommended additions:**
+- [List what should be added]
+
+#### 2. ./packages/api/CLAUDE.md (Package-specific)
+...
+```
+
+### Phase 4: Targeted Updates
+
+After outputting the quality report, ask user for confirmation before updating.
+
+**Update Guidelines (Critical):**
+
+1. **Propose targeted additions only** - Focus on genuinely useful info:
+   - Commands or workflows discovered during analysis
+   - Gotchas or non-obvious patterns found in code
+   - Package relationships that weren't clear
+   - Testing approaches that work
+   - Configuration quirks
+
+2. **Keep it minimal** - Avoid:
+   - Restating what's obvious from the code
+   - Generic best practices already covered
+   - One-off fixes unlikely to recur
+   - Verbose explanations when a one-liner suffices
+
+3. **Show diffs** - For each change, show:
+   - Which CLAUDE.md file to update
+   - The specific addition (as a diff or quoted block)
+   - Brief explanation of why this helps future sessions
+
+**Diff Format:**
+
+```markdown
+### Update: ./CLAUDE.md
+
+**Why:** Build command was missing, causing confusion about how to run the project.
+
+```diff
++ ## Quick Start
++
++ ```bash
++ npm install
++ npm run dev  # Start development server on port 3000
++ ```
+```
+```
+
+### Phase 5: Apply Updates
+
+After user approval, apply changes using the Edit tool. Preserve existing content structure.
+
+## Templates
+
+See [references/templates.md](references/templates.md) for CLAUDE.md templates by project type.
+
+## Common Issues to Flag
+
+1. **Stale commands**: Build commands that no longer work
+2. **Missing dependencies**: Required tools not mentioned
+3. **Outdated architecture**: File structure that's changed
+4. **Missing environment setup**: Required env vars or config
+5. **Broken test commands**: Test scripts that have changed
+6. **Undocumented gotchas**: Non-obvious patterns not captured
+
+## User Tips to Share
+
+When presenting recommendations, remind users:
+
+- **`#` key shortcut**: During a Claude session, press `#` to have Claude auto-incorporate learnings into CLAUDE.md
+- **Keep it concise**: CLAUDE.md should be human-readable; dense is better than verbose
+- **Actionable commands**: All documented commands should be copy-paste ready
+- **Use `.claude.local.md`**: For personal preferences not shared with team (add to `.gitignore`)
+- **Global defaults**: Put user-wide preferences in `~/.claude/CLAUDE.md`
+
+## What Makes a Great CLAUDE.md
+
+**Key principles:**
+- Concise and human-readable
+- Actionable commands that can be copy-pasted
+- Project-specific patterns, not generic advice
+- Non-obvious gotchas and warnings
+
+**Recommended sections** (use only what's relevant):
+- Commands (build, test, dev, lint)
+- Architecture (directory structure)
+- Key Files (entry points, config)
+- Code Style (project conventions)
+- Environment (required vars, setup)
+- Testing (commands, patterns)
+- Gotchas (quirks, common mistakes)
+- Workflow (when to do what)

package/skills/claude-md-improver/references/quality-criteria.md

@@ -0,0 +1,109 @@
+# CLAUDE.md Quality Criteria
+
+## Scoring Rubric
+
+### 1. Commands/Workflows (20 points)
+
+**20 points**: All essential commands documented with context
+- Build, test, lint, deploy commands present
+- Development workflow clear
+- Common operations documented
+
+**15 points**: Most commands present, some missing context
+
+**10 points**: Basic commands only, no workflow
+
+**5 points**: Few commands, many missing
+
+**0 points**: No commands documented
+
+### 2. Architecture Clarity (20 points)
+
+**20 points**: Clear codebase map
+- Key directories explained
+- Module relationships documented
+- Entry points identified
+- Data flow described where relevant
+
+**15 points**: Good structure overview, minor gaps
+
+**10 points**: Basic directory listing only
+
+**5 points**: Vague or incomplete
+
+**0 points**: No architecture info
+
+### 3. Non-Obvious Patterns (15 points)
+
+**15 points**: Gotchas and quirks captured
+- Known issues documented
+- Workarounds explained
+- Edge cases noted
+- "Why we do it this way" for unusual patterns
+
+**10 points**: Some patterns documented
+
+**5 points**: Minimal pattern documentation
+
+**0 points**: No patterns or gotchas
+
+### 4. Conciseness (15 points)
+
+**15 points**: Dense, valuable content
+- No filler or obvious info
+- Each line adds value
+- No redundancy with code comments
+
+**10 points**: Mostly concise, some padding
+
+**5 points**: Verbose in places
+
+**0 points**: Mostly filler or restates obvious code
+
+### 5. Currency (15 points)
+
+**15 points**: Reflects current codebase
+- Commands work as documented
+- File references accurate
+- Tech stack current
+
+**10 points**: Mostly current, minor staleness
+
+**5 points**: Several outdated references
+
+**0 points**: Severely outdated
+
+### 6. Actionability (15 points)
+
+**15 points**: Instructions are executable
+- Commands can be copy-pasted
+- Steps are concrete
+- Paths are real
+
+**10 points**: Mostly actionable
+
+**5 points**: Some vague instructions
+
+**0 points**: Vague or theoretical
+
+## Assessment Process
+
+1. Read the CLAUDE.md file completely
+2. Cross-reference with actual codebase:
+   - Run documented commands (mentally or actually)
+   - Check if referenced files exist
+   - Verify architecture descriptions
+3. Score each criterion
+4. Calculate total and assign grade
+5. List specific issues found
+6. Propose concrete improvements
+
+## Red Flags
+
+- Commands that would fail (wrong paths, missing deps)
+- References to deleted files/folders
+- Outdated tech versions
+- Copy-paste from templates without customization
+- Generic advice not specific to the project
+- "TODO" items never completed
+- Duplicate info across multiple CLAUDE.md files