claude

atomic-design

Validation and quality enforcement for Atomic Design methodology in component-based projects.

200 on GitHubby The Bushido Collectivev1.1.0Apache-2.0updated 3 days agoPattern
/

Plugin atomic-design from marketplace han in TheBushidoCollective/han. Commands read from the repo's manifest — 2 days ago.

What it installs

Skills (7)

  • atomic-design-atoms

    Use when creating atomic-level UI components like buttons, inputs, labels, and icons. The smallest building blocks of a design system.

  • atomic-design-fundamentals

    Use when applying Atomic Design methodology to organize UI components into quarks, atoms, molecules, organisms, templates, and pages. Core principles and hierarchy.

  • atomic-design-integration

    Use when integrating Atomic Design methodology with React, Vue, Angular, or other frameworks. Framework-specific implementation patterns.

  • atomic-design-molecules

    Use when composing atoms into molecule components like form fields, search bars, and card headers. Molecules are functional groups of atoms.

  • atomic-design-organisms

    Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.

  • atomic-design-quarks

    Use when working with design tokens, CSS custom properties, and primitive values that form the foundation below atoms. Quarks are the sub-atomic building blocks.

  • atomic-design-templates

    Use when creating page layouts without real content. Templates define the skeletal structure of pages using organisms, molecules, and atoms.

View source on GitHub han.guru

More from TheBushidoCollective/han

All 340 plugins →

core

claude

Essential infrastructure for the Han plugin marketplace including skills, commands, MCP servers, and quality enforcement hooks.

24 skills · 1 agent · 3 MCP servers · hooks

200

clickup

claude

MCP server for ClickUp integration with automatic acceptance criteria validation. Provides task management, workspace access, and ensures work completeness.

8 skills · 1 MCP server

200

github

claude

MCP server configuration for GitHub integration providing repository management, issues, pull requests, actions, and code search.

7 skills · 1 MCP server · hooks

200

gitlab

claude

MCP server configuration for GitLab integration providing issue management, merge request operations, code search, and project data access.

7 skills · 1 MCP server · hooks

200

MCP server for ClickUp integration with automatic acceptance criteria validation. Provides task management, workspace access, and ensures work completeness.

8 skills · 1 MCP server

200

MCP server configuration for GitHub integration providing repository management, issues, pull requests, actions, and code search.

7 skills · 1 MCP server · hooks

200

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

hookify

claude

Easily create custom hooks to prevent unwanted behaviors by analyzing conversation patterns or from explicit instructions. Define rules via simple markdown files.

1 skill · 4 commands · 1 agent · hooks

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

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

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

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain atomic-design?

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 plugins340 plugins