framework-rules-vue

claudius-skills-marketplace

developmentClaude Codeby Claudius Skills Team

Summary

Vue 3 framework best practices with Composition API

Install to Claude Code

/plugin install framework-rules-vue@claudius-skills-marketplace

Run in Claude Code. Add the marketplace first with /plugin marketplace add Dexploarer/claudius-skills if you haven't already.

README.md

Claudius Skills

![Run in Smithery](https://smithery.ai/skills?ns=dexploarer&utm_source=github&utm_medium=badge)

> Production-ready Claude Code extensibility configurations for developers at every level

<div align="center">

![Skills]() ![Commands]() ![Hooks]() ![Agents]() ![Frameworks]() ![Status]() ![License]()

External Repo AccessQuick StartChoose Your KitDocumentationExamples

</div>

---

📖 What is Claudius Skills?

A comprehensive, production-ready collection of Claude Code extensibility configurations covering all five pillars:

| Pillar | What It Does | Count | |--------|-------------|-------| | Skills | Automatically activate based on context | 87 | | Slash Commands | Manual shortcuts (/command) | 86 | | Hooks | Event-driven automation | 36 | | Agents | Specialized AI consultants | 50 | | MCP Servers | External service integrations | 20+ |

---

⚡ NEW: Plugin Marketplace

Install any Claudius Skills kit as a Claude Code plugin!

Method 1: Plugin Marketplace (Easiest!)

# In Claude Code terminal
/plugin marketplace add Dexploarer/claudius-skills
/plugin install starter-kit

Choose from 10 plugins:

  • starter-kit - Learning essentials (5 skills, 12 commands, 4 agents)
  • intermediate-kit - Production frameworks (10 skills, 15 commands, 6 agents)
  • advanced-kit - Enterprise systems (15 skills, 20 commands, 10 agents)
  • productivity-starter - Team productivity (5 skills, 13 commands)
  • competitive-ai - AI competitions (3 skills, 12 agents)
  • eliza-os-kit - ElizaOS development (6 skills, 8 commands)
  • railway-deployment - Railway.app automation (5 skills)
  • hooks-collection - Production hooks (36 hooks)
  • framework-rules - Framework configs (17 frameworks)

Complete Plugin Marketplace Guide

---

⚡ Alternative: External Repository Access

Use Claudius Skills in ANY project with intelligent setup!

curl -fsSL https://raw.githubusercontent.com/Dexploarer/claudius-skills/main/external-repo-bootstrap/install.sh | bash -s -- --merge

No SSH keys required! All access is via HTTPS - works for everyone without any GitHub account or SSH setup.

Then in Claude Code:

claude
# Say: "setup claudius for my project"
# Or: /claudius-setup

The setup agent will: 1. ✅ Analyze your project (frameworks, complexity, needs) 2. ✅ Recommend appropriate skills, commands, and agents 3. ✅ Install everything automatically 4. ✅ Keep your configuration up-to-date with /claudius-update

Complete External Repo Access Guide

---

🚀 Quick Start (Manual Method)

1. Clone the Repository

git clone https://github.com/Dexploarer/claudius-skills.git
cd claudius-skills

2. Choose Your Kit

Pick the kit that matches your experience level:

graph LR
    A[Choose Your Kit] --> B{Experience Level?}
    B -->|New to Claude Code| C[Starter Kit]
    B -->|Building Production Apps| D[Intermediate Kit]
    B -->|Enterprise Systems| E[Advanced Kit]

    C --> F[5 skills<br/>12 commands<br/>4 agents]
    D --> G[10 skills<br/>15 commands<br/>6 agents]
    E --> H[15 skills<br/>20 commands<br/>10 agents]

    style C fill:#d4edda
    style D fill:#fff3cd
    style E fill:#f8d7da

3. Copy to Your Project

# For beginners
cp -r starter-kit/.claude /path/to/your/project/

# For production apps
cp -r intermediate-kit/.claude /path/to/your/project/

# For enterprise
cp -r advanced-kit/.claude /path/to/your/project/

4. Start Using

cd /path/to/your/project
claude

That's it! Skills activate automatically, commands are available with /command-name.

Complete Quick Start Guide

---

🎯 Choose Your Kit

🟢 Starter Kit

Best for: Learning Claude Code, simple projects

What you get:

  • 5 essential skills (README generation, code explanation, bug finding, testing, git helper)
  • 12 core commands (/explain, /test, /commit, /review, /refactor, etc.)
  • 4 generalist agents (code reviewer, test writer, doc writer, debugger)
cp -r starter-kit/.claude /your/project/

Starter Kit Details

---

🟡 Intermediate Kit

Best for: Production applications, modern frameworks

What you get:

  • 10 framework skills (React, Vue, Next.js, Django, FastAPI, Express, GraphQL, etc.)
  • 15 production commands (/deploy, /docker-build, /api-docs-generate, etc.)
  • 6 specialist agents (API designer, database architect, DevOps engineer, etc.)
cp -r intermediate-kit/.claude /your/project/

Intermediate Kit Details

---

🔴 Advanced Kit

Best for: Enterprise systems, compliance, observability

What you get:

  • 15 enterprise skills (microservices, compliance automation, distributed tracing, etc.)
  • 20 advanced commands (/canary-deploy, /compliance-scan, /incident-declare, etc.)
  • 10 enterprise consultants (architects, SRE, compliance officer, security architect)
cp -r advanced-kit/.claude /your/project/

Advanced Kit Details

---

🎨 Specialized Kits

💼 Productivity Skills

For: Personal and team productivity workflows

  • 6 productivity skills (brainstorming, email composition, meeting notes, reports)
  • 13 commands (/agenda, /email, /minutes, /summarize, etc.)
  • 4 productivity agents (content writer, creative consultant, productivity coach)
cp -r productivity-skills/starter-kit/.claude /your/project/

---

🏆 Competitive AI Frameworks

For: AI-powered code competitions

  • 3 competition skills (bug hunting, code quality analysis, user flow testing)
  • 3 competition commands (/run-bug-hunt, /run-flow-test, /run-quality-check)
  • 12 team-based agents (3 teams with coordinator, tester, reviewer, documenter)
cp -r competitive-ai-frameworks/.claude /your/project/

---

🤖 Eliza OS Kit

For: Building AI agents with ElizaOS framework

  • 6 ElizaOS skills (character generation, deployment, knowledge base, memory, plugins)
  • 8 commands (/dev-agent, /build-plugin, /deploy-agent, etc.)
  • 6 specialist agents (character designer, deployment engineer, memory architect, etc.)
cp -r eliza-os-kit/.claude /your/project/

ElizaOS Kit Documentation

---

📊 Learning Path

Progress from beginner to master:

graph LR
    L1[Level 1<br/>Starter Kit] --> L2[Level 2<br/>Intermediate Kit]
    L2 --> L3[Level 3<br/>Advanced Examples]
    L3 --> L4[Level 4<br/>Advanced Kit]
    L4 --> L5[Level 5<br/>Master Patterns]

    style L1 fill:#d4edda
    style L2 fill:#fff3cd
    style L3 fill:#ffeaa7
    style L4 fill:#fab1a0
    style L5 fill:#a29bfe

| Level | Kit | Focus | When to Use | |-------|-----|-------|-------------| | 1 | Starter Kit | Learning fundamentals | New to Claude Code, simple projects | | 2 | Intermediate Kit | Production workflows | Building real apps with frameworks | | 3 | Examples/Advanced | Complex integrations | Security, performance, optimization | | 4 | Advanced Kit | Enterprise systems | Microservices, compliance, observability | | 5 | Examples/Master | Master patterns | Distributed systems, custom frameworks |

Detailed Learning Paths

---

🎁 What's Included

📚 Core Kits (Progressive Learning)

  • Starter Kit - 5 skills, 12 commands, 4 agents
  • Intermediate Kit - 10 skills, 15 commands, 6 agents
  • Advanced Kit - 15 skills, 20 commands, 10 agents

🎯 Specialized Kits

  • Productivity Skills - Personal and team productivity (2 levels)
  • Competitive AI Frameworks - AI competitions and team challenges
  • Eliza OS Kit - ElizaOS agent development

🛠️ Additional Resources

  • 25 Niche Skills - Performance, security, testing, DevOps, i18n, mobile, data science
  • 10 Emerging Tech Skills - AI/ML, edge computing, WebAssembly, quantum, GraphQL federation
  • 36 Production Hooks - Development safety, deployment, code quality, security, performance
  • 17 Framework Rules - React, Vue, Next.js, Django, Angular, Astro, SvelteKit, Remix, and more
  • 10 Modern Commands - AI/ML workflows, edge deployment, observability, platform engineering
  • 4 Specialized Agents - Edge computing, MLOps, platform architecture, WebAssembly

Complete Feature List

---

📁 Repository Structure

claudius-skills/
├── .github/                     # Issue templates, PR templates, labels
├── docs/                        # Complete documentation
│   ├── getting-started/        # Quick start guides
│   ├── guides/                 # Best practices, implementation
│   ├── reference/              # Skills catalog, master index
│   └── architecture/           # Project structure, milestones
├── starter-kit/                # Level 1: Beginner (5 skills)
├── intermediate-kit/           # Level 2: Production (10 skills)
├── advanced-kit/               # Level 4: Enterprise (15 skills)
├── productivity-skills/        # Productivity workflows (6 skills)
├── competitive-ai-frameworks/  # AI competitions (3 skills, 12 agents)
├── eliza-os-kit/              # ElizaOS integration (6 skills)
├── examples/                   # Multi-level examples
│   ├── beginner/              # Level 1 examples
│   ├── intermediate/          # Level 2 + niche skills (25)
│   ├── advanced/              # Level 3 + emerging tech (10)
│   └── master/                # Level 5 master patterns
├── hooks-collection/          # 36 production hooks
├── framework-rules/           # 17 framework integrations
├── modern-commands/           # 10 modern workflow commands
├── specialized-agents/        # 4 specialized consultants
├── templates/                 # Create custom skills/commands/agents
└── resources/                 # Additional guides and tutorials

Detailed Structure Guide

---

🛡️ Built-in Safety Features

Knowledge Cutoff Awareness

AI models have knowledge cutoff dates. This project includes automatic verification:

  • ✅ Package version verification before installation
  • ✅ API endpoint compatibility checking
  • ✅ Framework feature validation
  • ✅ Type definition verification
  • ✅ Breaking change detection

Golden Rule: "When in doubt, verify. Never assume knowledge is current."

Strict Type Checking

Enforces TypeScript strict mode and class-based architecture:

  • ✅ No any type allowed
  • ✅ Explicit return types required
  • ✅ Classes over interfaces for data structures
  • ✅ Proper encapsulation and validation
  • ✅ Runtime type safety

Security Hooks

Automatic protection against common mistakes:

  • ✅ Secret detection (API keys, tokens, passwords)
  • ✅ .env file protection
  • ✅ Force push prevention on protected branches
  • ✅ Destructive operation confirmations
  • ✅ Dependency vulnerability scanning

Complete Safety Documentation

---

📚 Documentation

Quick Access

| Document | Description | |----------|-------------| | Quick Start Guide | Get up and running in 10 minutes | | Best Practices | Advanced techniques and recommendations | | Skills Catalog | All 57 skills with descriptions | | Master Index | Complete component catalog | | Project Structure | Repository organization | | Milestones | Project history and achievements | | CONTRIBUTING.md | How to contribute | | CHANGELOG.md | Version history |

Complete Documentation Index

---

🎯 Use Cases

Individual Developers

  • ✅ Learn Claude Code faster (2-3x acceleration)
  • ✅ Save 10-15 hours per week on setup and debugging
  • ✅ Prevent 5-10 errors per week automatically
  • ✅ Access production-ready patterns instantly

Development Teams

  • ✅ Standardize practices across the organization
  • ✅ Reduce onboarding time by 60%
  • ✅ Prevent 10-15 incidents per month
  • ✅ Save 100-200 developer hours per week

Enterprises

  • ✅ Enforce compliance automatically (SOC2, HIPAA, GDPR, PCI-DSS)
  • ✅ Platform engineering and golden paths
  • ✅ Save 500+ developer hours per week
  • ✅ Cost savings of $100,000+ per month

Case Studies and Success Stories

---

🔗 External Resources

Official Documentation

Community

---

🙏 Contributing

This is a personal collection, but contributions are welcome!

Ways to contribute:

  • 🐛 Report bugs or issues
  • 💡 Suggest new features
  • 📚 Improve documentation
  • ✨ Submit new skills, commands, or hooks
  • 🎨 Share examples and use cases

Read the Contributing Guide

---

📊 Project Statistics

| Metric | Count | |--------|-------| | Total Configurations | 174+ | | Lines of Documentation | 100,000+ | | Code Examples | 500+ | | Technologies Covered | 25+ | | Framework Integrations | 17 | | Completion Status | 100% ✅ |

---

📜 License

MIT License - Free for commercial and personal use. See LICENSE for details.

---

🎉 Get Started Now

1. Clone: git clone https://github.com/Dexploarer/claudius-skills.git 2. Choose: Pick your kit (Starter, Intermediate, or Advanced) 3. Copy: cp -r [kit]/.claude /your/project/ 4. Use: Start with Claude Code and enjoy!

Complete Quick Start Guide

---

<div align="center">

Built with Claude Code100% CompleteProduction Ready

DocumentationIssuesDiscussions

Last Updated: November 3, 2025v1.0.0

</div>

Related plugins

Browse all →