🤖 La Haus Claude Commands

Central repository of agents and slash commands for Claude Code used across La Haus projects.

---

🚀 Quick Install

Install Agents (Vue/Nuxt)

curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/agents/install.sh | bash

Install Commands

curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/commands/install.sh | bash

Install Both

curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/agents/install.sh | bash
curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/commands/install.sh | bash

Using package.json

Add to your package.json:

{
  "scripts": {
    "sync-agents": "curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/agents/install.sh | bash",
    "sync-commands": "curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/commands/install.sh | bash",
    "sync-all": "yarn sync-agents && yarn sync-commands",
    "postinstall": "yarn sync-all"
  }
}

Then run:

yarn sync-all

---

📂 Repository Contents

🤖 Agents

Agents are invoked automatically based on context. No need to mention them explicitly.

Vue / Nuxt Agents

Agent	Description	File
🎨 Vue Presentational Component Creator	Creates UI components without business logic	vue/vue-presentational-component-creator.md
💼 Vue Business Component Creator	Creates components with stores, API calls, and complex logic	vue/vue-business-component-creator.md
🧪 Vitest Unit Tester	Creates comprehensive tests with Vitest for Vue, Nuxt, and Pinia	vue/vitest-unit-tester.md

Usage examples:

Create a component to display project cards
Create tests for the CustomerForm component
Build a customer management component with the store

View complete agents index →

---

⚡ Commands

Commands are invoked explicitly with /command-name.

Command	Description	Usage
📋 /create-prd	Creates a Product Requirements Document	/create-prd
✅ /generate-tasks	Generates task list from requirements	/generate-tasks
📝 /process-task-list	Processes and organizes task lists	/process-task-list

Usage:

/create-prd
/generate-tasks
/process-task-list

View complete commands index →

---

🆚 Agents vs Commands

Feature	Agents 🤖	Commands ⚡
Invocation	Automatic based on context	Explicit with /command
When to use	Repetitive and automatic patterns	Specific on-demand actions
Example	"Create tests for CustomerForm"	/create-prd
Proactivity	Claude decides when to use them	User explicitly requests

General rule:

• Agents: For tasks Claude should do automatically
• Commands: For specific actions the user requests

---

📊 Repository Structure

claude-commands/
├── README.md                   # This file
├── CONTRIBUTING.md            # Contribution guide
├── .gitignore
│
├── agents/                    # Agents directory
│   ├── README.md              # Agents index
│   ├── .agents-list.txt       # List of available agents
│   ├── install.sh             # Agents installer
│   └── vue/                   # Vue/Nuxt agents
│       ├── vitest-unit-tester.md
│       ├── vue-business-component-creator.md
│       └── vue-presentational-component-creator.md
│
├── commands/                  # Commands directory
│   ├── README.md              # Commands index
│   ├── .commands-list.txt     # List of available commands
│   ├── install.sh             # Commands installer
│   ├── create-prd.md
│   ├── generate-tasks.md
│   └── process-task-list.md

---

🔄 Updating

To update to the latest versions:

# If using package.json
yarn sync-all

# Or directly
curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/agents/install.sh | bash
curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/commands/install.sh | bash

---

➕ Contributing

Want to add a new agent or command?

1. Read the Contribution Guide
2. Decide if it's an agent or command
3. Create the .md file with frontmatter
4. Add to agents/.agents-list.txt or commands/.commands-list.txt
5. Test locally
6. Commit and PR

See CONTRIBUTING.md for complete details.

---

📖 Guides

• 📘 Agents Index - All available agents
• 📙 Commands Index - All available commands
• 📕 Contributing Guide - How to contribute

---

🎯 For New Developers

After cloning any La Haus project that uses Claude Code:

# Option 1: If project has postinstall configured
yarn install  # Agents install automatically

# Option 2: Manual
yarn sync-all

# Option 3: Direct script
curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/agents/install.sh | bash
curl -fsSL https://raw.githubusercontent.com/la-haus/claude-commands/main/commands/install.sh | bash

---

💡 Usage Tips

For agents:

• No need to mention them: Claude uses them automatically
• Just describe: "Create a component to manage customers"
• Activated by context: Based on keywords in the description

For commands:

• Use the / prefix: /create-prd, /generate-tasks, etc.
• List all: Type / in Claude Code
• With arguments: /command-name arg1 arg2

---

🐛 Troubleshooting

404 error when installing

• Verify the repository is public or use a GitHub token
• Confirm the URL is correct

Agents not updating

rm -rf .claude/agents .claude/commands
yarn sync-all

Permission errors

# Ensure scripts have execution permissions
chmod +x agents/install.sh commands/install.sh

---

📞 Support

• Issues: GitHub Issues
• Docs: Claude Code Documentation

---

📄 License

Internal use at La Haus.

---

Made with ❤️ by La Haus team

🤖 Powered by Claude Code

⭐ Star this repo if you find it useful