skills.rest
laraxot
laraxotOFFICIAL
Explore all skills by this author →
GitHub

bmad-wds-import-design-system

Convert legacy design systems to the WDS format using a predefined workflow script.

26|23|Updated Dec 16, 2025
Search Tags:#accessibility#workflow automation#design system#web design#conversion
One-click install
npx skills add https://github.com/laraxot/laravelpizza.com --skill bmad-wds-import-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-wds-import-design-system
Source: https://github.com/laraxot/laravelpizza.com/tree/main/.github/skills/bmad-wds-import-design-system
Command: npx skills add https://github.com/laraxot/laravelpizza.com --skill bmad-wds-import-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires workflow-script, and includes scripts (resource) components.

What problem does it solve?

The need to migrate existing design systems to the WDS (Web Design System) format for better organization and accessibility.

Core Features & Use Cases

  • Design System Conversion: Import a design system into WDS format.
  • Workflow Automation: Automate the process of converting design systems to make them more manageable and accessible.
  • Use Case: Convert a legacy design system into WDS format to streamline design collaboration and improve accessibility.

Quick Start

Load the full workflow at {project-root}/_bmad/wds/workflows/7-design-system/workflow-import.md and follow its instructions to import your design system.

Frequently Asked Questions about bmad-wds-import-design-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a legacy design system to WDS format?▼

To convert a legacy design system to WDS format, load the workflow script at {project-root}/_bmad/wds/workflows/7-design-system/workflow-import.md. This automates the migration process to improve organization and accessibility.

What is WDS format and when do I need it for my design system?▼

WDS (Web Design System) format is a structured standard that improves design organization and accessibility. You need it when migrating legacy design systems to streamline collaboration and ensure better accessibility compliance.

Do I need workflow scripting to automate design system migration?▼

Yes, design system migration requires executing a predefined workflow script. You need access to the original design system files and the ability to run the script provided in the SKILL.md file.

Can I use workflow automation to improve accessibility in web design?▼

Yes, workflow automation can improve accessibility in web design by converting legacy systems into the WDS format. This automated migration process reorganizes your design assets to meet structured accessibility standards.

What's the best way to import a design system into WDS?▼

The best way to import a design system into WDS is to load the full workflow at {project-root}/_bmad/wds/workflows/7-design-system/workflow-import.md. Following its instructions automates the conversion process for better organization.

Why does converting a legacy design system require access to original files?▼

Converting a legacy design system requires access to original files because the automated workflow script needs to read your existing design assets. This ensures the WDS format accurately captures your design system's structure and components.

Related Skills

Explore More Design & Creative Skills→
laraxotlaraxot
26

bmad-wds-product-evolution

Provides a condensed WDS pipeline for modernizing legacy products.

Official
Intermediate
klenklen
5

social-proof-psychology

Implement social proof elements like testimonials and user statistics in web design.

Community
Intermediate
Yuli1003Yuli1003

wix-design-system

Search Wix Design System components, inspect props, and access testkits.

Community
Intermediate
jaydubya818jaydubya818

design-system-architect

Create and maintain design systems with tokens, components, and governance.

Community
Advanced