designsystemet plugin
How to install the designsystemet plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add sorensensig/ai-corner-store
/plugin install designsystemet@ai-corner-storeWhat's inside designsystemet
6 parts read from the plugin's own files.
Commands 2
Run as /designsystemet:name- /designsystemet:ds-check[path | --staged] — defaults to the files changed in the working tree
>
- /designsystemet:ds-telemetry[status | on | off | report]
>
Skills 1
Claude loads it when the task matches- 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 from another design system (MUI, Bootstrap, GOV.UK, Tailwind, shadcn) into a Designsystemet codebase; and on Norwegian framing — designsystemet, skjema, skjemavalidering, feilmelding, feiloppsummering, komponent, tilgjengelighet, universell utforming. Also use when an agent is about to guess a Designsystemet prop, colour, or component name rather than look it up.
Hooks 3
Runs on these events- PostToolUsecommand
mcp__.*designsystemet-twins.*
- PreToolUsecommand
Write|Edit|MultiEdit
- SessionStartcommand
No description in the file.
Using designsystemet in Claude Code
Type a command in a Claude Code session:
/designsystemet:ds-check [path | --staged] — defaults to the files changed in the working tree
/designsystemet:ds-telemetry [status | on | off | report]Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update designsystemet@ai-corner-store
- Refresh the marketplace
- /plugin marketplace update ai-corner-store
- Turn it off for now
- /plugin disable designsystemet@ai-corner-store
- Remove it
- /plugin uninstall designsystemet@ai-corner-store
Skills in designsystemet
- designsystemetsorensensig/ai-corner-store
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 from another design system (MUI, Bootstrap, GOV.UK, Tailwind, shadcn) into a Designsystemet codebase; and on Norwegian framing — designsystemet, skjema, skjemavalidering, feilmelding, feiloppsummering, komponent, tilgjengelighet, universell utforming. Also use when an agent is about to guess a Designsystemet prop, colour, or component name rather than look it up.
9stars
designsystemet plugin questions
How do I install the designsystemet plugin?
In Claude Code run /plugin marketplace add sorensensig/ai-corner-store, then /plugin install designsystemet@ai-corner-store.
What does the designsystemet plugin include?
designsystemet bundles 2 commands, 1 skill, hooks.
What commands does the designsystemet plugin add?
It adds /designsystemet:ds-check, /designsystemet:ds-telemetry. Run them in Claude Code with the plugin prefix, for example /designsystemet:ds-check.
How do I update or remove the designsystemet plugin?
Update it with claude plugin update designsystemet@ai-corner-store in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall designsystemet@ai-corner-store.