claude

designsystemet

Experimental. Build with Digdir's Designsystemet correctly on the first attempt: quote-verified component contracts (twins), a WCAG guard hook, and the /ds-check audit command.

9 on GitHubby Sigurd Sæther Sørensenv0.4.0updated 1 month ago
/

Plugin designsystemet from marketplace ai-corner-store in sorensensig/ai-corner-store. Commands read from the repo's manifest — 1 month ago.

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

What it installs

Skills (1)

  • designsystemet

    Build correct, accessible Designsystemet UI for Norwegian public-sector services. Use whenever writing or reviewing code that uses `@digdir/designsystemet-react`, `ds-*` classes, or `--ds-*` tokens; when building any form, validation, or error state in such a service; when porting or copying markup

Slash commands (2)

  • /designsystemet:ds-check

    Audit code against the Designsystemet contracts and the accessibility rules the library cannot enforce. Checks the layer agents actually get wrong — aria-invalid, error-summary placement, export names, invented props, raw hex — by reading each component's contract rather than pattern-matching prose.

  • /designsystemet:ds-telemetry

    Show, change, or share the plugin's opt-in telemetry. Displays the collected aggregate (lookups, misses, guard denials), lets the user opt in or out, and formats a summary the user can choose to send to the Designsystemet team. Data never leaves the machine unless the user sends it.

MCP servers (1)

  • designsystemet-twins

    runs: python3 ${CLAUDE_PLUGIN_ROOT}/mcp/twins_server.py --twins ${CLAUDE_PLUGIN_ROOT}/registry

Hooks (3)

  • PreToolUse

    "${DESIGNSYSTEMET_PYTHON:-python3}" "${CLAUDE_PLUGIN_ROOT}/hooks/guard-ds-code.py" --twins "${DESIGNSYSTEMET_TWINS:-${CLAUDE_PLUGIN_ROOT}/registry}"

  • PostToolUse

    ${DESIGNSYSTEMET_PYTHON:-python3} ${CLAUDE_PLUGIN_ROOT}/hooks/telemetry-log.py

  • SessionStart

    ${DESIGNSYSTEMET_PYTHON:-python3} ${CLAUDE_PLUGIN_ROOT}/hooks/telemetry-consent.py

View source on GitHub

More from sorensensig/ai-corner-store

All 3 plugins →

Treat human limits — working memory, attention, tolerance for choice — as hard design constraints. 21 psychological laws, each with what it says, what it constrains, and how it fails, applied to interfaces AND to configs, prompts, CLI output, docs, and the set of options an agent offers.

1 skill

9

Diagnose recurring organisational and team dysfunctions (stuck decisions, hollow agile rituals, metric-chasing, disengagement, change that never lands) using open sociotechnical systems theory and the DP1/DP2 design-principle lens.

1 skill

9

Maintain designsystemet?

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