Validate MD3 design tokens for naming, families, and usage constraints.
npx skills add https://github.com/sayaya1090/handbook --skill design-tokens-sayaya1090
Please help me install this Agent Skill. Skill: design-tokens Source: https://github.com/sayaya1090/handbook/tree/main/.gemini/skills/design-tokens Command: npx skills add https://github.com/sayaya1090/handbook --skill design-tokens-sayaya1090
MD3 design tokens lack a unified usage rule set, leading to inconsistent color, typography, motion, and shape across UI.
Apply the MD3 token rules to your UI project by auditing current tokens and aligning colors, typography, motion, and shapes to the guidelines.
High-intent search queries and answers about installing and using this skill.
Enforce MD3 design token usage by validating token naming, families, and state mappings. This ensures conformance for color, typography, motion, and shape tokens across UI projects.
MD3 color token guidelines define primary, secondary, and neutral tokens alongside contrast requirements. This ensures accessible and consistent color application across different UI states.
Standardize typography scales using MD3 tokens by applying concrete naming conventions for headline, body, and label scales. This enforces consistent text styling across UI projects.
Yes, you can audit existing UI tokens for MD3 conformance by validating their state mappings and usage constraints. This aligns current colors, shapes, and motion with MD3 guidelines.
Standardize motion and shape tokens by applying standardized durations and corner radii defined by MD3. This enforces consistent animation and component shapes across the UI.
I194Generate design tokens and a DESIGN.md for product design systems.
oscardlfrGenerate MD3-compliant UI components, themes, and responsive layouts.
vladolaruTranslate Figma nodes and tokens into a tokenized design specification and implementation plan.
jonnymuirAnalyze CSS custom property implementations for naming conventions and cascade layer declarations.
