Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
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.
npx claudepluginhub constellos/claude-code --plugin nextjs-supabase-ai-sdk-devUse 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
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
24 parallel audit agents + 6 workflow skills for Claude Code. Complete E2E development workflow for solo devs.
Claude Code plugin that uses skill architecture to intercept vague prompts, ask clarifying questions, and return structured framework-aware prompts that has credit saving patterns built in.
Code quality enforcement, architecture skills, structural code graph, and impact-aware reviews.
Edmund's personal Claude Code setup with 14 productivity commands and 11 specialized AI agents for modern web development
Personal Claude Code + Codex dev stack: security hooks, AI-first code conventions, /security-review, /repo-map, /stack-check, portable statusline. Designed to complement other skills-based plugins, not replace them.
AI-powered development workflow automation - Phase-based planning, implementation orchestration, preflight code quality checks with security scanning, ship-it workflow, and development principles generator for CLAUDE.md
Core 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
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)