By tonone-ai
Design token engineering: audits codebases for hardcoded tokens, builds theming systems (dark mode, multi-brand, white-label), and establishes token architectures with style-dictionary pipelines across web, iOS, and Android.
Audit existing token usage in a codebase — find literal values, missing tokens, and pipeline gaps.
Build or fix a theming system — dark mode, multi-brand, or white-label token swap.
Design or refactor a design token architecture — naming, tiers, and coverage.
Uses power tools
Uses Bash, Write, or Edit tools
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub tonone-ai/tonone --plugin toneAudit existing token usage in a codebase
Build, document, and maintain scalable design systems — from tokens and components to accessibility and theming.
Staff-level design system auditing, governance, documentation, validation, and communication — 40 skills, 4 agents, and 12 knowledge notes for the full design system lifecycle
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.
Automated design system construction from repository analysis to production-ready implementation.
Design-process skills for Claude Code: briefs, information architecture, design tokens, design review, frontend design, and more.
Design and build networking infrastructure — VPCs, subnets, DNS, load balancers, firewall rules. Use when asked to "set up networking", "VPC design", "configure DNS", "load balancer setup", "network architecture", or "firewall rules".
Generate onboarding documentation — what this project does, how to set up locally, where things live, key decisions, how to deploy. Written for day-one engineers who know nothing. Use when asked for "onboarding docs", "new engineer guide", "how to get started", or "developer setup".
Implement a reusable, accessible, typed component from a design spec. Use when asked to "create a component", "build a widget", "implement this design", or "reusable UI element".
Verify observability posture — audit monitoring coverage, find blind spots, prioritize gaps. Use when asked "is monitoring sufficient", "observability review", "are we covered", or "pre-launch monitoring check".
ML reconnaissance — inventory all models, pipelines, data sources, and monitoring. Use when asked "what ML do we have", "model inventory", or "ML assessment".