claude

design

Design system & styling — Szum-Tech design system, Tailwind CSS v4, and CVA-based component conventions

2 on GitHubby Szum Tech Teamv1.0.8MITupdated 3 days ago
/

Plugin design from marketplace szum-tech in JanSzewczyk/claude-plugins. Commands read from the repo's manifest — 3 days ago.

What it installs

Skills (4)

  • design-system-component

    Use this skill to create or refactor React + TypeScript + Tailwind CSS + CVA components following design system conventions. It provides the canonical file structure, per-component styles pattern, types, context, store, barrel exports, and Storybook story templates that are specific to this codebase

  • implement-design

    Implement UI in a project that imports @szum-tech/design-system — a native Claude Design handoff ("Send to local coding agent"), screens from a /design-sync'd project, a mockup, a screenshot, or a hero/landing/dashboard view. Use BEFORE writing any JSX with components, classes, or design tokens: it

  • szum-tech-design-system

    Comprehensive reference for building UI with @szum-tech/design-system — a React component library built on Tailwind CSS 4+ and Radix UI. Use this skill whenever working in a project that imports from @szum-tech/design-system, when building or reviewing UI components, when choosing colors, typography

  • tailwind-css-4

    Tailwind CSS v4 patterns with CSS-first configuration, @theme directive, design system integration, and utility-first styling for Next.js applications.

View source on GitHub

More from JanSzewczyk/claude-plugins

All 17 plugins →

nextjs

claude

Next.js full-stack development — App Router, Server Actions, API tests, code review, performance and Lighthouse audits, test strategy

10 skills · 4 agents

2

python

claude

Python development — an architecture skill and two agents (python-developer, python-api-architect), team conventions (Ruff, uv, typing, errors, logging, documentation, asyncio, security, API structure), pytest and FastAPI rules, and factory_boy test data rules

7 skills · 4 agents

2

react

claude

React development — React 19 Compiler, Storybook interaction tests, accessibility audits, and component-driven UI architecture

5 skills · 2 agents

2

typescript

claude

TypeScript & JavaScript — Vitest unit tests, mimicry-js test data builders, coverage gaps, dead-code sweeps, and npm package updates

5 skills · 2 agents

2

plugin-dev

claude

Author and maintain Claude Code plugins and marketplaces — create and audit plugins and marketplaces, manifest and documentation drift, mods, and semver release tagging

5 skills

2

git-workflow

claude

Everyday Git workflow on GitHub — branches, Conventional Commits, pull requests with a unified description, and whole tasks from branch to PR

4 skills

2

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

expo

claude

Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.

23 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

product-skills

claude

14 bundled product skills with 19 Python tools: product-skills fork-orchestrator with continuous-discovery loop (deterministic 16-lane router, Torres cadence tracker, OST linter, /cs-product + /cs-grill-product + /cs-product-loop), product manager toolkit (RICE, PRDs), product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, spec-to-repo, design-qa (UI finish gate: inert controls, missing states, rendered WCAG 2.2 checks). Companion standalone plugins: agile-product-owner, code-to-prd, apple-hig-expert, research-summarizer, design-qa.

14 skills · 3 commands · 1 agent · hooks

alirezarezvani/claude-skills 29,725

21st

claudecodex

Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.

1 skill · 1 MCP server

21st-dev/magic-mcp 6,478

Maintain 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 plugins17 plugins