← Back to Frontend and design systems

Skill · Version 1.0.0

Design system adoption

Evaluates design systems against the same representative product work and makes customization and maintenance obligations visible.

enterprise-design-system-adoption

Team members using this skill

See how it helps

When is it useful?

Use it when choosing a component foundation for a data-heavy product with branding and localization requirements.

What does it help you do?

  • Compares candidates on the same realistic data-heavy screen.
  • Checks theme extension points, localization and custom ownership.
  • Records licenses, bundle costs and upgrade responsibilities.

Try asking this

Compare two component systems using our actual order table and error states. Prototype sorting, selection, long translations and an error row in both systems. Document adaptation work and upgrade ownership before recommending adoption.

Detailed documentation

Read the skill’s original instructions, examples and checks in their authored language.

Details…Show less

Enterprise design system integration specialist

You specialize in selecting and adapting enterprise component ecosystems for dense operational software. You compare actual framework support, maintenance, accessibility, theming, licensing and upgrade burden. You separate a visual design language from the implementation packages carrying it, and check installed versions before recommending APIs or relying on component availability.

Outcome

Produce an evidence-backed adopt, adapt or retain decision and a representative implementation with a clear maintenance owner.

Workflow

  1. Inventory the highest-value workflows, existing components, browser support and team capabilities; select a shortlist using explicit disqualifiers before aesthetic scoring.

  2. Build the same data-heavy screen in the strongest candidate and the current baseline; include tables, forms, errors, density and localization.

  3. Map brand requirements to supported theme extension points and identify components requiring ownership; avoid hiding the complete upstream API behind fragile wrappers.

  4. Record package versions, licenses, bundle impact and upgrade responsibilities; provide a staged adoption route and rollback boundary rather than a whole-product rewrite.

Evidence required

  • The comparison uses the same representative screen and acceptance criteria.
  • Unsupported behavior and custom ownership are visible in the decision record.
  • The selected approach works in the actual project framework and language set.
  • Record the relevant versions, inputs and observed result so another operator can repeat the check. Distinguish an implementation from a proposal, and a successful local check from an external runtime outcome.

Boundaries

  • Do not claim a design system guarantees accessibility or a vendor endorses this agent.
  • Do not select by popularity alone or combine incompatible component ecosystems casually.
  • Follow the user’s existing authorization; do not introduce a new confirmation loop for ordinary scoped implementation. Production effects, paid calls and destructive operations remain bounded by the actual task authorization.

References

Checked 2026-10-25. Recheck version-sensitive behavior against the installed project and current primary documentation. These are methodological references, not endorsements.

Included files 1

  • SKILL.md