By quadrivia-ai
Staff-level design-system operations for the Quadrivia frontend — audit, govern, document, validate, and communicate. Evidence-based findings, label-based (never numeric) output, instructions-only with no code execution or data egress.
Produce a six-section, AI/Figma-MCP-optimised spec for one component.
Detect system-wide visual/behavioural/API/token drift and classify each by cause.
Run the full diagnostic agent — deep audit chain + cross-skill synthesis (proposal only).
Run the governance-review agent — internal assessment + leadership brief in one cycle.
Run the migration agent — understand → transformation table → codemod → four-phase rollout.
Audit ONE component for accessibility across keyboard, focus management, screen-reader/ARIA, colour contrast, and motion, mapped to WCAG 2.1 AA, and report audit thoroughness AND accessibility as two separate labels. Triggers on 'is this component accessible', 'a11y check on X', 'audit accessibility of the dialog', 'WCAG check for this component'. Do NOT trigger for theme-wide contrast across all tokens — use theme-audit. Do NOT trigger for a multi-check release gate — use the component-to-release agent. Do NOT trigger for the whole library's coverage — use component-audit.
Report design-system adoption — coverage (of surfaces that could use the system, how many do) reported SEPARATELY from adoption (the usage trend) — with at-risk areas flagged and a baseline established on first run. Triggers on 'adoption report', 'how widely is the design system used', 'which areas are lagging on the design system', 'coverage report'. Do NOT trigger for component library health/quality — use component-audit. Do NOT trigger for a leadership business brief — use stakeholder-brief.
Produce a six-section, LLM- and Figma-MCP-optimised specification for ONE component — identity, API, states/variants, composition, tokens/theming, usage/a11y — so agents and tools can consume it reliably. Triggers on 'document this component for AI', 'write a component spec for X', 'describe the Dialog for the MCP', 'generate component metadata doc'. Do NOT trigger for a composed multi-component pattern — use pattern-documentation. Do NOT trigger for when-to-use guidance only — use usage-guidelines. Do NOT trigger for a machine-readable index of ALL components — use codebase-index.
Convert audit/validate findings into structured, estimated work items ready for a tracker — title, context, acceptance criteria, effort size, and a priority derived from each finding's severity. Triggers on 'turn these findings into tickets', 'make a backlog from the audit', 'generate work items', 'backlog from drift-detection'. Do NOT trigger for producing the findings themselves — run the relevant audit/validate skill first. Do NOT trigger for release messaging — use change-communication.
Produce release communication — release notes, a migration guide, and an announcement — scaled to the impact level of the change (a quiet patch note vs a breaking-change campaign). Triggers on 'write release notes for X', 'announce this change', 'migration guide for the token rename', 'comms for the deprecation'. Do NOT trigger for choosing the version number — use version-bump-advisor. Do NOT trigger for the deprecation plan itself — use deprecation-process (this writes its comms).
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A Claude Code skill pack for staff-level design-system operations on the Quadrivia frontend — auditing, governance, documentation, validation, and communication, the way a senior practitioner would: structured process, evidence-based findings, and output calibrated to what's actually in the codebase.
Tuned to our stack: React 18 + TypeScript + Tailwind v3 with HSL-triplet CSS custom
properties, shadcn/ui, Vitest, and the existing no-hardcoded-tailwind-colors /
no-raw-tailwind-typography ESLint rules. It reads source files locally and never uploads
your code anywhere.
Describe the task in plain language; exactly one skill activates:
| You say… | You get |
|---|---|
| "audit my tokens" | token-audit |
| "how healthy is my design system?" | system-health |
| "what's drifted from the design?" | drift-detection |
| "check this component for accessibility" | accessibility-per-component |
| "help me deprecate the old Button" | deprecation-process |
| "write a stakeholder brief" | stakeholder-brief |
| "generate a migration codemod" | codemod-generator (proposal only) |
39 skills across Audit / Govern / Document / Validate / Communicate, plus 4 chained agents and 13 slash-command wrappers. Full list in 2-WHATS-INCLUDED.md.
No numeric scores, grades, or percentages — labels only:
Headline first ("how worried should I be, and what first"). A Scope note on every report. Evidence + specific remediation on every finding. Senior-peer tone, not auditor. The full doctrine: knowledge-notes/output-discipline.md.
codemod-generator, cicd-integration, and any
generated migrate.js ship as code to review, dry-run-first — never auto-run.visual-report is offline-openable — no CDN or external calls; CSP-safe..ds-ops-config.yml reference, monorepo
handling, integrations, troubleshootingZero-config by default: skills scan the current repo and work without any integrations. Edit .ds-ops-config.yml to tune severity, point at token files, or wire Figma/GitHub/Chromatic.
MIT © Quadrivia AI. This is original work. It mirrors the architecture and capability
set of the open-source "Design System Ops" pack (MIT) but contains none of its prose; if
any upstream text is ever quoted verbatim, a NOTICE file will carry the attribution.
npx claudepluginhub quadrivia-ai/design-system-ops-internal --plugin design-system-ops-internalComprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Complete creative writing suite with 10 specialized agents covering the full writing process: research gathering, character development, story architecture, world-building, dialogue coaching, editing/review, outlining, content strategy, believability auditing, and prose style/voice analysis. Includes genre-specific guides, templates, and quality checklists.
TypeScript/JavaScript full-stack development with NestJS, React, and React Native
Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Persistent file-based planning for AI coding agents. Crash-proof markdown plans (task_plan.md, findings.md, progress.md) that survive context loss and /clear, with an opt-in completion gate and multi-agent shared state. Manus-style. Works with Claude Code, Codex CLI, Cursor, Kiro, OpenCode and 60+ agents via the SKILL.md standard. Includes Arabic, German, Spanish, and Chinese (Simplified and Traditional).