By constellos
Build full-stack Next.js applications with Supabase and Vercel AI SDK, from local database setup and type-safe queries to streaming AI interfaces, responsive UI components, and automated quality checks.
Use this agent for full UI implementation including wireframes, components, interactivity, backend integration, and AI features. Triggers on "build UI", "create page", "implement feature", "develop component".
Use this agent to research design patterns, capture competitor screenshots, and gather visual inspiration. Triggers on "research design", "capture screenshots", "analyze competitor", "find UI inspiration".
Use this agent to review UI implementations for quality, consistency, and best practices. Triggers on "review UI", "check component", "inspect design", "validate UI quality".
Use this agent to test UI at mobile (375px) and desktop (1440px) viewports. Triggers on "test UI", "check responsiveness", "verify layout", "test mobile view", "test desktop view".
This skill should be used when the user asks to "add AI chat", "implement streaming UI", "use useChat hook", "add AI completion", "implement useCompletion", "create conversational interface", "add streaming text", "implement tool calling UI", "create generative UI", "add AI-powered features", "implement StreamableUI", or mentions AI SDK, streaming responses, chat interfaces, or AI-generated content in React/Next.js applications.
This skill should be used when the user asks to "start supabase locally", "set up local supabase", "run supabase dev", "initialize supabase project", "configure local database", "start local postgres", "use supabase CLI", "generate database types", or needs guidance on local Supabase development, Docker setup, environment configuration, or database migrations.
This skill should be used when the user asks to "create a component", "build static UI", "design with TypeScript", "use compound components", "implement contract-first UI", "create React component", "build with Shadcn", or mentions TypeScript interfaces for components, compound component patterns, or Server Components. Provides contract-first static UI methodology with compound components.
This skill should be used when the user asks to "add server action", "implement Supabase query", "connect to backend", "add database integration", "implement RLS", "use server actions", "add data mutation", "implement CRUD operations", "revalidate path", "add authentication check", or needs guidance on server-side integration, defense-in-depth security, or type-safe database queries with Supabase.
This skill should be used when the user asks to "add client interactivity", "implement form validation", "add event handlers", "use client state", "add Zod validation", "implement React hooks", "add local state", "make component interactive", "add form with validation", "use React Hook Form", or needs guidance on client-side events, form handling, optimistic updates, or when to add "use client" directive.
Modifies files
Hook triggers on file write and edit operations
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A curated marketplace of plugins that extend Claude Code with typed hooks for development workflows. This repository provides both ready-to-use plugins and shared TypeScript utilities for creating your own.
This marketplace contains three production-ready plugins designed for modern development workflows:
All plugins leverage shared TypeScript utilities for consistent behavior, comprehensive type safety, and automatic logging. Hooks are self-executable TypeScript files with full type definitions.
.claude/settings.json:{
"extraKnownMarketplaces": {
"constellos": {
"source": {
"source": "directory",
"path": "./.claude-plugin"
}
}
}
}
claude plugin install github-orchestration@constellos
claude plugin install nextjs-supabase-ai-sdk-dev@constellos
claude plugin install project-context@constellos
Or enable them in your settings:
{
"enabledPlugins": {
"github-orchestration@constellos": true,
"nextjs-supabase-ai-sdk-dev@constellos": true,
"project-context@constellos": true
}
}
github-orchestration)Purpose: Comprehensive GitHub workflow orchestration for issue-driven development with automatic context discovery and commit enhancement.
Key Features:
Hooks:
install-github.ts) - Installs GitHub CLI (non-blocking)add-github-context.ts) - Displays branch issue context and sync status (non-blocking)sync-plan-to-issue.ts) - Syncs plan files to GitHub issues (non-blocking)enhance-commit-context.ts) - Enriches commits with task metadata (non-blocking)commit-task.ts) - Auto-commits agent work (non-blocking)commit-session-check-pr-status.ts) - Session commit and PR checks (progressive blocking)Use Cases:
Documentation: plugins/github-orchestration/README.md
nextjs-supabase-ai-sdk-dev)Purpose: Enforces code quality through automated checks at both file and project levels for Next.js, Supabase, and AI SDK projects.
Key Features:
Hooks:
install-vercel.ts, install-supabase.ts) - CLI installation (non-blocking)log-task-call.ts) - Task context logging (non-blocking)log-task-result.ts) - Task result logging (non-blocking)encourage-ui-review.ts) - UI review encouragement (non-blocking)check-file-eslint.ts) - ESLint on files (non-blocking, informational)check-file-types.ts) - TypeScript on files (non-blocking, informational)check-file-tsdoc.ts) - TSDoc validation (non-blocking, informational)check-file-vitest-results.ts) - Test execution (non-blocking, informational)check-global-eslint.ts) - Project-wide ESLint (blocking)check-global-types.ts) - Project-wide TypeScript (blocking)check-global-vitest-results.ts) - Full test suite (blocking)npx claudepluginhub constellos/claude-code --plugin nextjs-supabase-ai-sdk-devCore task execution logging and transcript utilities for all Claude Code sessions
Project context discovery, markdown-friendly documentation, and maintenance for Claude Code
GitHub workflow orchestration with branch context, commit enhancement, and CI management
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Multi-model consensus engine integrating OpenAI Codex CLI, Gemini CLI, and Claude CLI for collaborative code review and problem-solving.
Feature development with code-architect/explorer/reviewer agents, CLAUDE.md audit and session learnings, and Agent Skills creation with eval benchmarking from Anthropic.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions