claude

design-system-tools

Turn a repository's DESIGN.md and the stylesheets behind it into a claude.ai Design System, and keep the two in step: align-design-md finds where the record drifted from the component code and rewrites it, customize-design rebrands the direction tokens in every theme scope (scaffolding them first when a project has none) with every contrast ratio measured, and from-design-md publishes the result as a Design System artifact with tokens in every theme, a brand book, static previews and a cover

2 on GitHubby Agentics Projectv0.3.0MITupdated 7 days agodevelopment
/

Plugin design-system-tools from marketplace agentics-kit in shawn-sandy/agentics. Commands read from the repo's manifest — 6 days ago.

What it installs

Skills (3)

  • align-design-md

    Finds where DESIGN.md drifted from the component code. Prints a drift table and rewrites the record and its mirrors on confirmation. Use when asked to align or audit DESIGN.md.

  • customize-design

    Rebrands a DESIGN.md project's tokens in every theme scope. Finds the token file, measures contrast, and keeps the spec and mirrors in step. Use when asked to change a site's colours or branding.

  • from-design-md

    Publishes a repo's DESIGN.md as a claude.ai Design System artifact. Builds tokens, a brand book, previews and a cover. Use when asked to turn a DESIGN.md into a design system.

View source on GitHub

More from shawn-sandy/agentics

All 14 plugins →

Plan creation, review, follow-through, and maintenance. Author an interactive HTML plan (implementation-plan), implement it through the acceptance and completion gates (build), review it (review-plan, finalize-plan), and ship a backlog in parallel (build-fleet). Also ships build-proposal, build-feature, deep-grill, prompt, prototype, design, publish-hub, documenting-plans, markdown-to-html, plan-status, plans-library, plans-open, and setup-sites. Full detail in the plugin README.

17 skills · 9 commands · 12 agents

2

git-agent

claude

Automated git workflow — create branches, commit with conventional messages, create PRs, and open GitHub/GitLab issues from any context (selection, session, bug, feature) with host auto-detection and confirmation gate; ships background subagents and slash commands for fire-and-forget commit/PR/ship/CI-watch plus auto-linking plan issue references in PR descriptions

8 skills · 5 commands · 5 agents

2

Discover teachable code, blog posts, videos, GitHub snippets, and selected/pasted code — scrub for secrets, draft instructional platform-aware copy with concrete takeaways, and generate styled dark-mode social cards for LinkedIn, Twitter/X, Bluesky, and Substack, plus a write-guide skill that writes long-form internal developer explainer guides to docs/

17 skills · 1 command

2

Publish diffs, sessions, plans, prompts, and teaching pages as live claude.ai artifact pages — an annotated diff walkthrough with per-hunk reviewer notes, a reviewer-first session recap, plan HTML republished to a stable URL, a filterable prompt library with verbatim copy buttons, and a teach-artifact explainer — plus product-doc, team-recap, and eng-recap audience framings over the session recap, with a blocking secret-scrub gate and a local-HTML fallback.

5 skills · 3 commands

2

Analyze code and suggest specific, purpose-driven tests tied to actual behavior and intent — not arbitrary coverage

6 skills

2

Review and optimize Claude Code skill files — score SKILL.md quality, plan and scaffold new skills, audit allowed-tools permissions, optimize frontmatter (descriptions + disable-model-invocation), and enforce the three-part 200-char description format

4 skills · 1 command

2

Similar plugins

superpowers

claudecodex

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

15 skills · hooks

obra/superpowers 316,836

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Use Alibaba Open Code Review from local Codex.

2 skills

alibaba/open-code-review 50,068

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

Maintain design-system-tools?

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