By markus41
Generate production-ready React/TypeScript UIs with a 263+ design style library, atomic design components, and multi-tenant Keycloak theming. Includes accessibility auditing, design token generation, and style conversion between CSS, Tailwind, and styled-components.
Audit UI for design style consistency and accessibility
Generate styled UI components with design system consistency
Convert CSS styles between different formats (CSS, Tailwind, styled-components)
Generate and deploy Keycloak theme files with FreeMarker templates
Generate color palettes from design style characteristics
Audit and fix accessibility issues in components and themes
Design and generate accessible React components with consistent styling
Strategic design decisions, style selection, and design system architecture
Implement responsive layouts and mobile-first design patterns
Implements selected design styles into production CSS/Tailwind/styled-components code
> Patterns from "Agentic Design Patterns" (Gulli & Sauco, 2025) applied to design token management, component scaffolding, multi-tenant theming, and accessibility-compliant UI generation.
UI component patterns with style-specific implementations and accessibility
Generate CSS, Tailwind, and styled-components code from design style selections
Access 263+ design styles with AI-optimized prompt keywords for frontend development
Multi-tenant Keycloak authentication theming with realm-specific design systems
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 plugin-based AI agent orchestration platform that combines a visual workflow builder with a deep Claude Code configuration system. Fourteen domain plugins extend the platform across cloud infrastructure, enterprise SaaS, home automation, and more. The root plugin (claude-orchestration v4.0.1) ships 137 agents, 55 skills, and 100+ slash commands that activate automatically through a registry-backed keyword system.
The frontend (@accos/frontend v1.0.0) is the control surface: a React 18 application where you design, visualize, and manage multi-agent workflows and the plugin marketplace.
┌─────────────────────────────────────────────────────────────────┐
│ Visual Workflow Builder │
│ ReactFlow canvas · Zustand state · WebSocket │
└────────────────────────┬────────────────────────────────────────┘
│
┌────────────────────────▼────────────────────────────────────────┐
│ Plugin System Core │
│ Discovery · Installation · Validation · Dependency resolution │
│ Health checking · Sandboxing · Federated registry │
└───────────┬────────────────────────────────┬────────────────────┘
│ │
┌───────────▼──────────┐ ┌────────────▼───────────────────┐
│ 14 Domain Plugins │ │ Agent Fleet │
│ jira-orchestrator │ │ 137 agents · 30+ categories │
│ tvs-microsoft-deploy│ │ 55 skills · 100+ commands │
│ home-assistant-arch │ │ Activated via registry index │
│ fastapi-backend │ └────────────────────────────────┘
│ ... and 10 more │
└───────────┬──────────┘
│
┌───────────▼──────────────────────────────────────────────────────┐
│ MCP Servers │
│ deploy-intelligence · lessons-learned · project-metrics │
│ code-quality-gate · workflow-bridge · perplexity · firecrawl │
└──────────────────────────────────────────────────────────────────┘
Task toolPrerequisites: Node.js 18+, pnpm
# Install dependencies
pnpm install
# Start development server
pnpm dev
# Opens at http://localhost:5173
# Build for production
pnpm build
npx claudepluginhub markus41/claude --plugin frontend-design-systemProfessional-grade multi-LLM agent coordination with comprehensive registry system, mandatory orchestration protocol, and production-ready DevOps workflows. Portable and customizable for any project.
Consul - Enterprise Microsoft ecosystem orchestrator for TVS (Trusted Virtual Solutions) multi-entity multi-tenant deployment. 19 agents, 18 commands, 17 skills, 14 hooks, 5 workflows. MCP server for Graph API, Dataverse, Fabric, and Planner.
Bootstrap - Developer onboarding accelerator. Analyzes project requirements, detects missing dependencies, generates Docker/docker-compose configs, creates .env templates, sets up pre-commit hooks, configures IDE settings (VSCode/Cursor), and troubleshoots 'it works on my machine' issues. Gets developers productive in minutes, not hours.
Create beautiful, performant web animations for React and TypeScript applications. Includes background effects, text animations, 3D transforms, creative visual effects, Framer Motion, GSAP, and more.
High-intelligence Claude Code copilot with deep code reasoning, evidence-driven planning, orchestration-first execution, model routing, context budgeting, CI/CD integration, enterprise security, plugin development, prompt engineering, performance profiling, agent teams, channels (event-driven autonomy with CI webhook, mobile approval relay, Discord bridge, and fakechat dev profile), interactive tutorials, LSP integration, security-hardened hook script library, MCP Prompts coverage, common workflow packs, runtime selection guide, computer-use patterns, checkpointing, scheduled-task blueprints, repo bootstrap scanner, hook policy engine (8 installable packs), layered memory deployment, role-based subagent packs (implementer, debugger, migration-lead, dependency-auditor, release-coordinator), 5 agent-team topology kits, autonomy operating mode (4 profiles + 3 gates), and a queryable 15-tool MCP documentation server with autonomy advisor.
Frontend design skill for UI/UX implementation
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
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.
Comprehensive Material UI (MUI) expert plugin — 26 skills, 14 commands, 7 agents covering theming, CSS variables, Pigment CSS, components, sx/styled, slots API, MUI X (DataGrid, DatePickers, Charts, TreeView), accessibility, performance, SSR/Next.js, animations, virtualization, forms, white-label/multi-tenant, headless (MUI Base), Joy UI, i18n/RTL, testing, migration, entity-driven CRUD, ecosystem integrations, and 200+ creative widget patterns.