Skip to content

CLAUDE.md

Latest commit

 

History

History
67 lines (48 loc) · 2.5 KB

CLAUDE.md

File metadata and controls

67 lines (48 loc) · 2.5 KB

Project Instructions for Claude

CSS Build Process

IMPORTANT: After modifying any CSS files in public/css/ (especially workflow.css or main.css), you MUST rebuild the Tailwind CSS:

bunx @tailwindcss/cli -i public/css/main.css -o public/css/styles.css

The CSS architecture:

  • public/css/main.css - Main entry point, imports Tailwind and all other CSS files
  • public/css/workflow.css - Commands section, glass terminal, case studies styles
  • public/css/styles.css - Compiled output (do not edit directly)

Development Server

bun run dev        # Bun dev server at http://localhost:3000
bun run preview    # Build + Cloudflare Pages local preview

Deployment

Hosted on Cloudflare Pages. Static assets served from build/, API routes handled via _redirects rewrites (JSON) and Pages Functions (downloads).

bun run deploy     # Build + deploy to Cloudflare Pages

Build System

The build system compiles skills and commands from source/ to provider-specific formats in dist/:

bun run build      # Build all providers
bun run rebuild    # Clean and rebuild

Source files use placeholders that get replaced per-provider:

  • {{model}} - Model name (Claude, Gemini, GPT, etc.)
  • {{config_file}} - Config file name (CLAUDE.md, .cursorrules, etc.)
  • {{ask_instruction}} - How to ask user questions

Versioning

When bumping the version, update all of these locations to keep them in sync:

  • package.json → version
  • .claude-plugin/plugin.json → version
  • .claude-plugin/marketplace.json → plugins[0].version
  • public/index.html → hero version link text + new changelog entry (user-facing changes only, not internal build/tooling details)

Adding New Skills

When adding a new user-invocable skill, update the command count in all of these locations:

  • public/index.html → meta descriptions, hero box, section lead
  • public/cheatsheet.html → meta description, subtitle, commandCategories, commandRelationships
  • public/js/data.js → commandProcessSteps, commandCategories, commandRelationships
  • public/js/components/framework-viz.js → commandSymbols, commandNumbers
  • public/js/demos/commands/ → new demo file + import in index.js
  • README.md → intro, command count, commands table
  • NOTICE.md → steering commands count
  • AGENTS.md → intro command count
  • .claude-plugin/plugin.json → description
  • .claude-plugin/marketplace.json → metadata description + plugin description