workflow

super-claude

Claude Code, supercharged. 🚀

A comprehensive collection of Claude Code plugins for TanStack Start, Base UI, Hono, and modern TypeScript development.

✨ What's Inside

• Skills - Reusable capabilities that auto-activate based on context
• Agents - Specialized Claude instances for specific tasks
• Hooks - Session lifecycle automation
• Commands - Custom slash commands for workflows

🚀 Quick Start

Installation

# Add the super-claude marketplace
/plugin marketplace add jbabin91/super-claude

# Install plugins based on your stack (see "Choose Your Stack" below)

Choose Your Stack

Component Library Author

/plugin install workflow        # OpenSpec workflow, session automation
# Additional plugins coming soon: design-system, testing

Frontend App Developer

/plugin install workflow        # Development workflow enhancements
# Additional plugins coming soon: frontend, tanstack, design-system

Plugin Creator / Power User

/plugin install meta           # Create custom skills, commands, agents
/plugin install workflow       # OpenSpec, auto-activation, session hooks

Note: Design-system, TanStack, API, Database, and Auth plugins are planned but not yet fully implemented. See Available Plugins below for current status.

📦 Available Plugins

✅ Ready to Use

meta

Create custom skills, commands, agents, hooks, and plugins

For plugin creators and power users extending Claude Code with custom capabilities.

Features:

• skill-creator - Generate new skills with proper structure
• command-creator - Create custom slash commands
• agent-creator - Build specialized autonomous agents
• hook-creator - Event-driven automation
• plugin-creator - Generate complete plugin packages
• skill-validator - Validate against Anthropic specs

Install: /plugin install meta

workflow

Development workflow enhancements with OpenSpec and skill auto-activation

Enhance your development workflow with spec-driven proposals, session automation, and intelligent skill suggestions.

Features:

• OpenSpec proposal management - Spec-driven development workflow
• Skill auto-activation system - Context-aware skill suggestions
• Session automation hooks - Startup checklist, type checking, commit guards
• Project configuration - Unified configuration system for all plugins

Install: /plugin install workflow

🚧 In Development (Scaffolding Only)

design-system

Component libraries with Base UI, shadcn/ui, design tokens, WCAG AAA accessibility, and Storybook integration.

testing

Unit, integration, and E2E testing with Vitest and Playwright.

typescript

TypeScript type checking, refactoring, and import management.

git

Git workflow automation with smart commits, gitmoji, PR descriptions.

devops

CI/CD pipelines, GitHub Actions, Docker, and deployment automation.

📋 Planned

The following plugins are planned but not yet started:

• frontend - App architecture, performance, build optimization
• tanstack - TanStack Start, Router, Query, Form, Table
• api - Hono and Elysia API development
• database - Drizzle ORM for PostgreSQL, SQLite, Turso
• auth - better-auth integration
• react - React patterns, hooks, state management
• storybook - Story generation and documentation

🏗️ Project Structure

super-claude/
├── plugins/            # Plugin packages
│   ├── meta/          # Meta-tools (ready)
│   ├── workflow/      # Development workflow (ready)
│   ├── design-system/ # Component libraries (in dev)
│   ├── testing/       # Testing automation (in dev)
│   ├── typescript/    # TypeScript tools (in dev)
│   ├── git/           # Git workflows (in dev)
│   └── devops/        # DevOps (in dev)
├── .claude-plugin/    # Marketplace configuration
└── docs/              # Documentation and guides

💡 Tech Stack Focus

This plugin collection is optimized for:

Frontend:

• React + Vite
• TanStack Suite (Start, Router, Query, Form, Table)
• Base UI components (migrating from Radix UI)
• Tailwind CSS
• Storybook + Vitest

Backend:

• Hono and Elysia frameworks
• Drizzle ORM (PostgreSQL, Turso, SQLite)
• better-auth for authentication
• OpenAPI + RPC patterns

Fullstack:

• TanStack Start (preferred over monorepos)
• Type-safe end-to-end with Zod/ArkType

Quality:

• Vitest (tests in .stories.tsx for components)
• Playwright for E2E
• ESLint, Prettier, lefthook/husky
• WCAG AAA accessibility

🎯 Creating Skills

Use the skill-creator from meta plugin:

# Install meta (for plugin creators)
/plugin install meta

# In Claude Code, ask:
"Create a skill for [purpose]"

# The skill-creator will guide you through:
# - Skill structure and YAML frontmatter
# - When to use and activation triggers
# - Best practices and validation

✅ Schema Validation