claude

design-system

Visual foundation defined before the first component: typography scale, design tokens, responsive breakpoints, and a Tailwind @theme adapter.

0 on GitHubby Kaizen Analytixv0.1.0updated 1 month agotechnical-delivery
/

Plugin design-system from marketplace kaizen-plugins in kaizenanalytix/kaizen-claude-plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (4)

  • design-tokens

    Defines the centralized token catalog for everything visual that isn't type — color roles, spacing, border radius, shadows, and the four interaction states (hover, focus, active, disabled) — so components consume named tokens instead of inventing hex codes, pixel paddings, and one-off shadows. Frame

  • responsive-breakpoints

    Defines the five responsive tiers — mobile, tablet, laptop, desktop, large desktop — for applications whose primary target is enterprise desktop but which must remain usable on every other size, and the layout patterns each tier needs. Deliberately aligned with the viewports the e2e suite tests, so

  • tailwind-theme-setup

    Writes the application's real theme file — an app.css whose @theme block turns the design tokens, type scale, and breakpoints into actual Tailwind utility classes, with light/dark variants and font loading. The concrete Tailwind adapter for this plugin's three framework-neutral skills. Use when the

  • typography-system

    Defines the application's typography as a closed, explicitly-enumerated pixel scale with a semantic name for every rung, plus font families, weights, and a per-element usage table — so font sizes are chosen from a named scale rather than invented per component. Framework- and CSS-library-agnostic. U

View source on GitHub

More from kaizenanalytix/kaizen-claude-plugins

All 18 plugins →

frontend

claude

Domain-modular React apps (Vite, React Router, RTK Query, shadcn/ui, Vitest), with thin architecture adapters for Vue and Angular.

18 skills

0

backend

claude

Clean-architecture FastAPI backends with testing, bootstrap and best practices, plus thin adapters for Node.js, NestJS, Django and Spring.

13 skills

0

architecture-foundations

claude

Stack-agnostic architecture principles (clean-architecture zones, state, test pyramid), the greenfield kickoff orchestrator, and the adopt-vs-defer decision for existing codebases. Ships SessionStart and PreToolUse hooks.

7 skills · hooks

0

kaizen-solution-design

claude

Analyze & Design phase: business requirements, technical design docs, data models, solution-overview, data-flow, API-sequence and architecture diagrams, plus a build handoff package.

8 skills

0

guardrails

claude

The authority layer for technical delivery: previews before destructive or database-writing commands (Bash and PowerShell), a hard scope gate on database file edits only, and a standing block on git commit/push/PR — the agent drafts commit messages and PR descriptions as text, with no AI attribution. Ships SessionStart, UserPromptSubmit, PreToolUse and PostToolUse hooks.

5 skills · hooks

0

kvantum-data-prep

claude

Kvantum Element X pre-load prep: raw client extracts plus template in, validated load-ready file and an input-review dashboard out.

6 skills

0

Similar plugins

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

ruflo-cost-tracker

claude

Token usage tracking, model cost attribution per agent, budget alerts, and optimization recommendations

24 skills · 1 command · 1 agent · hooks

ruvnet/ruflo 81,589

headroom-skill

claude

Skill: add headroom-ai compress() to a Python or TypeScript app to cut LLM input tokens (tool outputs, logs, JSON, chat history). No API key.

1 skill

headroomlabs-ai/headroom 79,508

mem0

claudecodex

Cross-session memory and token savings for coding agents.

6 skills · 1 agent · 1 MCP server · hooks

mem0ai/mem0 68,893

duende-skills

claudecodex

Duende development skills and agents for Claude Code — covering OAuth/OIDC protocols, IdentityServer, token management, ASP.NET Core authentication/authorization, BFF patterns, and secure identity architecture

24 skills · 2 agents

anthropics/claude-plugins-official 47,076

Maintain design-system?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins18 plugins