claude

artificer-design-system

Cameron's personal design system — Artificer. AuDHD-optimized, dark-first, Jazz Age Deco palette. For tools, dashboards, agent UIs, terminals, settings panels.

2 on GitHubby Cameron SjoApache-2.0updated 1 month ago

Not in a marketplace yet, so it loads for one session with --plugin-dir.

Plugin artificer-design-system in cameronsjo/artificer. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (5)

  • Artificer

    Cameron's personal design system. AuDHD-optimized, Ghostty-rooted, dark-first with a paper-stock light mode and a Jazz Age Deco palette (burnished gold + royal purple). Use for tools, dashboards, agent UIs, terminals, settings panels — anything that must stay calm until something demands action. Do

  • artificer-design-system

    Use when designing UI for Cameron's tools, dashboards, agent UIs, terminals, or settings panels (Artificer design system — AuDHD-friendly, dark-first). NOT for marketing sites, kid-facing UI, hero/landing pages, or e-commerce.

  • artificer-feedback

    Use when a project that consumed the Artificer design system made adaptation or pivot decisions this session and wants to report them back to the design system as a GitHub issue. Triggers on 'artificer feedback', 'report design decisions back', 'we adapted Artificer', 'feed this back to the design s

  • artificer-upgrade

    Use when a project that consumes the Artificer design system needs to upgrade to a newer version — detect the installed version, walk the primitive-mint ledger between there and the target, sweep for hand-rolled equivalents of newer primitives, and produce a consumer-scoped migration checklist. Trig

  • ux-design

    Use when designing or reviewing how an interface behaves — loading/empty/error states, notifications, microcopy, cognitive load, forms, motion, accessibility. Any stack. NOT visual styling/tokens/CSS (use artificer-design-system).

Slash commands (1)

  • /artificer-design-system:palette-preview

    Render markdown constructs + trigger diff styling to preview the active Claude Code theme

View source on GitHub

Similar plugins

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

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

interface-design

claude

Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Maintains design decisions across sessions.

1 skill

Dammyjay93/interface-design 5,967

designlang

claude

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

2 skills · 14 commands

Manavarya09/design-extract 5,068

uxkin

claudecodex

Real UI, not AI slop. The free no-ui-slop and uxkin-research skills (work with no account), plus the optional UXKIN MCP server for real iOS app screens, user journeys and website design systems (sign in with UXKIN; searching needs a UXKIN plan). Tool results are treated as data, never as instructions.

7 skills · 1 MCP server

davepoon/buildwithclaude 3,741

Finance UI Tools

claudecodex

Generative UI design system for rendering interactive HTML/SVG widgets in Claude conversations.

1 skill

himself65/finance-skills 3,531

Maintain artificer-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 pluginslisted