Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By hrconsultnj
Build premium, production-ready frontends with reusable React/Next.js components, advanced animations, and 3D visuals while simultaneously researching design patterns, auditing for accessibility and Tailwind consistency, and generating UX research and competitive analysis reports.
npx claudepluginhub hrconsultnj/claude-plugins --plugin design-forgeDesign system specialist maintaining UI consistency with shadcn/ui, Tailwind CSS, and accessibility standards.
Competitive analysis and market intelligence specialist for design and product decisions.
User-centered research specialist delivering actionable insights through mixed-methods research.
This skill should be used when the user asks to "add premium animations", "create a canvas visualization", "build a glassmorphism panel", "add a custom cursor", "create a generative background", "build an interactive card", "add scroll progress", "add sound design", "create a Three.js hero", "build a creative portfolio", "add particle effects", "add scanlines", "add a typewriter effect", "design a landing page", "implement advanced animations", "add 3D elements", "design using Next.js Conf patterns", "create interactive experience", "add Framer Motion animations", "add GSAP scroll animations", "integrate Spline 3D", or needs guidance on premium web design patterns, creative coding, generative art, micro-interactions, accessibility for animations, or bespoke interactive experiences beyond standard UI components.
AI-powered design research agent that uses web search to discover design patterns, analyze competitors, research industry trends, evaluate modern web technologies, and create actionable reports for design-forge implementation. Automates the intelligence gathering phase of design work.
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.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Code style, tech stack, and workflow conventions for React/Next.js/TypeScript, TailwindCSS, Supabase projects.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Editorial "Web Wizard" bundle for Claude Code from Antigravity Awesome Skills.
CI/CD generation, deployment preflight, and Dockerfile validation with zero-downtime patterns.
Code quality enforcement, architecture skills, structural code graph, and impact-aware reviews.
Security scanning, dependency CVE audits, and exposure-aware risk prioritization.
Test framework detection, convention-aware test generation, and changed-file test execution.
Claude writes code fast. These plugins make sure it writes it right.
5 plugins · 33 skills · 17 automated hooks · 13 MCP tools · 8 indexed languages · One command setup
Full docs & getting started: composure-pro.com
AI coding agents are fast — but speed without guardrails creates expensive cleanup work. If you've used Claude Code on a real project, you've seen this:
as any, @ts-ignore, non-null assertions to silence errors instead of fixing typeseval(), SQL injection vectors slip through unnoticedYou can write better prompts. You can add more rules to CLAUDE.md. But the agent can still ignore all of it — instructions are suggestions, not enforcement.
Hooks are different. They run as shell scripts on every Read/Edit/Write — outside the LLM, at zero token cost. The agent literally cannot bypass them. That's how these plugins work.
All plugins, all skills, all hooks — free for personal use, education, and nonprofits.
| What | Count | Details |
|---|---|---|
| Plugins | 5 | Composure, Design Forge, Sentinel, Testbench, Shipyard |
| Skills | 33 | Architecture, blueprinting, security scanning, test generation, CI/CD, audits, integrations |
| Hooks | 17 | Code quality, secret detection, type safety, decomposition, graph updates |
| MCP tools | 13 | Graph queries, semantic search, reference search, dependency chains, audits, reports |
| Reference docs | 23 | Security patterns, testing patterns, deployment guides |
| Templates | 12 | Test files, GH Actions workflows, Dockerfiles |
| Hook enforcement | 7 languages | TypeScript, Python, Go, Rust, C++, Swift, Kotlin |
| Graph indexing | 8 languages | TypeScript, JavaScript, SQL, JSON, YAML, Markdown, ENV, Prisma |
| Graph node types | 13 | Functions, Classes, Types, Tables, Columns, RLS Policies, Indexes, Packages, Scripts, and more |
| Plugin | What it solves |
|---|---|
| Composure | Code quality enforcement — decomposition hooks, architecture skills, code review knowledge graph, severity-tracked task queue. The foundation that all other plugins build on. |
| Sentinel | Security scanning — SAST, secret detection on every write, dependency CVE audit, HTTP header analysis. Local-first, no cloud auth. |
| Testbench | Convention-aware test generation — reads your existing tests to match project style. Nudges when you edit untested files. |
| Shipyard | CI/CD generation and validation — GitHub Actions, GitLab CI, Bitbucket Pipelines. Dockerfile validation, dependency health, production readiness. |
| Composure Pro | 22 production architecture patterns + schema guard hook. Postgres RLS, tenant isolation, entity registry, auth model, type generation — battle-tested across 322+ migrations. Works with any Postgres host. |
| Design Forge | Premium web design patterns — 33 production components, canvas presets, animation recipes, 3D integration, accessibility-first. |
macOS / Linux:
curl -fsSL https://composure-pro.com/install.sh | sh
Windows (PowerShell):
irm https://composure-pro.com/install.ps1 | iex
Windows (Command Prompt):
curl -fsSL https://composure-pro.com/install.cmd -o %TEMP%\composure-install.cmd && %TEMP%\composure-install.cmd
Works on any OS with Claude Code installed:
# Add the marketplace
claude plugin marketplace add hrconsultnj/claude-plugins
# Install Composure
claude plugin install composure@my-claude-plugins
After installing, restart Claude Code and authenticate:
/composure:auth login