claude

atomic-design-toolkit

Atomic Design toolkit for Flutter and Vite — decompose features into atoms, molecules, organisms, templates, and pages. Audit mode scans components, Vite bundle health (10 signals: duplicates, hashless assets, mixed majors, dual lockfiles, and more), and atomic-design enforcement hooks (V7: 7 cure-presence checks for future-drift exposure) across 18+ design system lenses. Migrate mode consumes audit reports to drive phased remediation. v1.3 adds /wcag-audit (WCAG 2.2 AA conformance + design-quality anti-AI-slop, scored /20) and /tokens-consolidate (extract + reconcile divergent design tokens across repos into a shared tokens package) — both siblings of /audit feeding /migrate.

3 on GitHubby Luis Andres Pena Castillov1.3.9BSL-1.1updated yesterdayfrontend
/

Plugin atomic-design-toolkit from marketplace better-toolkits in chimeranext/better-toolkits. Commands read from the repo's manifest — yesterday.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (2)

  • design-system-analyzer

    Auto-activates when the user discusses design system gap analysis, component catalogs, or cross-referencing their project against a design system. Works for Flutter projects and for Vite projects (React, Vue, Svelte, Solid, vanilla). Triggers on: "design system gap", "component catalog", "what compo

  • widget-decomposition

    Auto-activates when the user is working on a UI component that needs decomposition into the Atomic Design hierarchy. Works for Flutter widgets and for Vite components (React, Vue, Svelte, Solid, vanilla JS+TS modules with HTML partials). Triggers on: "decompose this widget", "decompose this componen

Slash commands (8)

  • /atomic-design-toolkit:audit

    Scan a Flutter or Vite codebase for decomposable components, run design system gap analysis, and optionally emit a structured report that feeds /migrate

  • /atomic-design-toolkit:generate

    Generate Flutter or Vite component hierarchies for a feature following Atomic Design methodology

  • /atomic-design-toolkit:migrate

    Consume an audit report and generate a phased remediation plan with per-phase checkpoints and re-audit verification

  • /atomic-design-toolkit:storybook-audit

    Audit Storybook story-coverage PER PILLAR — find every renderable component without a co-located .stories.tsx, grouped by pillar + atomic level. The backlog-discovery half of the story-coverage cure (the legacy-ticket CI gate stops NEW debt on the diff; this drains the EXISTING backlog). Feeds /gene

  • /atomic-design-toolkit:storybook-setup

    Audit a Vite/React repo and configure Storybook with pillar-first atomic taxonomy, design tokens, and title enforcement

  • /atomic-design-toolkit:tokens-consolidate

    Extract design tokens from N repos/apps, flag where they diverge (never merge silently), propose a canonical set, and materialize a shared packages/tokens (tokens.css + tokens.ts + tailwind-preset.js) with a per-app migration plan that feeds /migrate.

  • /atomic-design-toolkit:wcag-audit

    Audit a web/Flutter UI for WCAG 2.2 AA conformance (Layer A) and design quality / anti-AI-slop (Layer B). Scores five dimensions 0-4 → /20 with P0-P3 severity, cites file:line + the exact WCAG success criterion, and optionally emits a report that feeds /migrate.

  • /atomic-design-toolkit:widgetbook-setup

    Audit a Flutter monorepo and materialize apps/widgetbook with the atomic taxonomy, web build, and deploy-ready config

Hooks (1)

  • PreToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/stderr/adapters/claude-pre-bash.sh

View source on GitHub toolkits.chimeranext.dev

More from chimeranext/better-toolkits

All 18 plugins →

The disciplined dev lifecycle — implement issues, review PRs, sync releases, test E2E, manage sessions, stash secrets, and enforce manifest-driven tool-call hooks. Includes /evaluate-agent-skills (NVIDIA SkillSpector/SkillEvaluator wrappers). OpenCode stderr: better-toolkits-bootstrap /toolkits-initial-setup.

39 skills · 72 commands · 2 agents · hooks

3

Operational toolkit for freelance and fractional CTOs — contracts, project-takeover SOPs, process-engineering + requirements-first pipelines, ops playbook/runbook authoring, clean-code standards (DSMS/IFS/CPS/PRDS/BrS/QT4L), and multi-harness PRDS pre-push hooks.

100 skills · 2 commands · hooks

3

Guided instructional design toolkit — design cmi5-compliant courses and 1-on-1 session plans using CONTEXT→CONCEPT→BUILD→SHIP→REFLECT formula, Builder's Bloom's progression, Ship-First Design, and Kirkpatrick L1-L4 evaluation. Produces JSON + Markdown + HTML visualization + Marp slide decks.

22 skills · 37 commands · 20 agents · hooks

3

assurance

claude

Release-assurance evidence toolkit — 2 pillars (testing, liveness) + security transversal with its own runner, plus governance (DORA/DER metrics, stage gates, traceable receipts). Migrated quality-evidence commands from make-no-mistakes with shims.

24 skills · 12 commands

3

Multi-platform app go-to-market and release toolkit — ship Flutter, Kotlin Multiplatform, .NET MAUI, Swift, and PWAs to Google Play, App Store, Microsoft Store, Snap Store, Flathub, and alternative channels. Three-tier command architecture: ship-advisor (strategy), per-framework ship-X commands (execution, including /ship-flatpak), ship-everywhere (mass publish). v2.4 adds /ship-flatpak + flatpak-build; v2.3 added gtm-fit (SLIP, MVS, organic presence).

18 skills · 11 commands · 2 agents · hooks

3

Revenue growth toolkit — AAARRR funnel/flywheel strategy over multi-network paid-media execution (shared MCP; Meta via Ads CLI), PostHog analytics, Python metrics.

14 skills · 10 commands · 7 agents · hooks

3

Similar plugins

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

1 skill

anthropics/claude-code 155,476

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

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

career-ops

claudecodex

Open-source AI job search that runs locally in your AI coding CLI: scan job portals, evaluate listings into a structured A-H report with a 1-5 score, tailor your CV, track applications

5 skills · hooks

career-ops-hq/career-ops 82,253

Maintain atomic-design-toolkit?

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