design system commands

chakra-ui/ark

Command Claude Code

Update documentation and agent files based on learnings from recent component development work.

chakra-ui/ark

Command Claude Code

Sync changelog updates from chakra-ui/zag repo to all Ark UI framework changelogs.

chakra-ui/ark

Command Claude Code

Implement a Zag.js component in Ark UI.

Manavarya09/design-extract

Command

Generate a full editorial brand-guidelines book for any URL. 14 chapters covering brand essence/archetype, colour, typography, spacing, shape, iconography, motion, components, voice, accessibility, tokens, and how-to-use guidance. Print-ready, dark-mode toggle, hand-off-ready single HTML.

Manavarya09/design-extract

Command

Fuse two extracted designs into a single hybrid identity. Pick which axis (colour, typography, spacing, shape, motion, voice, components) comes from which site. Defaults to "visual A × voice B" — same colours/spacing as the first URL, type/voice/components from the second.

Manavarya09/design-extract

Command

Recolour an extracted site's design around a new brand primary. OKLCH hue rotation preserves perceptual lightness — neutrals, type, spacing, and motion stay untouched. Side-by-side HTML preview + recoloured tokens (DTCG, Tailwind, shadcn, Figma).

Owl-Listener/designer-skills

Command

Run the full handoff workflow — specs, measurements, assets, states, and a QA checklist — and output a developer-ready package.

Owl-Listener/designer-skills

Command

Run a design sprint end to end — challenge framing, schedule, exercises, and prototype test plan.

Owl-Listener/designer-skills

Command

Set up a team's operating rhythm end to end — rituals, task flow, tooling, review gates, and version control.

daangn/seed-design

Command Claude Code

Use the create-component skill to implement a new component end-to-end in SEED Design.

daangn/seed-design

Command Claude Code

Use the deprecation skill to deprecate a component, interface, or foundation token.

daangn/seed-design

Command Claude Code

Use the dev-figma-v3-migration-plugin skill for mapping and migration plugin updates.

instructure/instructure-ui

Command Claude Code

One-time setup for the Slack bot token used by /slack-triage — create/scope the Slack app, store the credentials, and verify they work.

instructure/instructure-ui

Command Claude Code

Triage a Slack thread from the internal bug/feature/question channel — assess it, check the code, draft an answer, and propose a Jira ticket if warranted.

instructure/instructure-ui

Command Claude Code

Create a Jira ticket for work that has none — draft from the current session/branch, confirm the fields, then create it in Jira.

Adityaraj0421/naksha-studio

Command

Audit or generate regulation-specific UI patterns for HIPAA, PCI DSS, or ADA compliance. Use --regulation to target a specific standard.

Adityaraj0421/naksha-studio

Command

Design GDPR/CCPA-compliant consent flows — cookie banners, consent hierarchy, privacy controls, and data deletion request UI.

Adityaraj0421/naksha-studio

Command

Interactive guided tour of Naksha — learn commands through real exercises, discover workflows, and get oriented in under 10 minutes.

radix-ng/primitives

Command Claude Code

Scaffold a new headless Angular primitive in packages/primitives/ /, following current project conventions (signals-first, no CDK, newer suffix-less naming).

murphytrueman/design-system-ops

Command

Generate an AI-optimised component description.

murphytrueman/design-system-ops

Command

Audit whether your documentation surface keeps pace with your components.

murphytrueman/design-system-ops

Command

Comprehensive design system health sweep.

yizhiyanhua-ai/fireworks-design

Command Claude Code

Generate a world-class frontend page via fireworks-design (explore → judge → synthesize → refine → polish).

TidyFactor/Styler

Command

Command "component" from TidyFactor/Styler, covering command: component — create or redesign a single component, when to use, dispatch steps and do not load.