ds-qa-coverage

Validate Figma design system screens, states, tokens, and prototype connections.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/artosetrov/iron-fist-arena-backend --skill ds-qa-coverage
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ds-qa-coverage
Source: https://github.com/artosetrov/iron-fist-arena-backend/tree/main/.claude/skills/ds-qa-coverage
Command: npx skills add https://github.com/artosetrov/iron-fist-arena-backend --skill ds-qa-coverage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DS QA Coverage provides a structured, end-to-end quality assurance pass for the complete design-system Figma ecosystem, ensuring screen inventory, state coverage, token bindings, and prototype connectivity before production.

Core Features & Use Cases

  • Comprehensive Screen & State Validation: verifies screen inventory, per-screen states, and navigation integrity to avoid missing or misbehaving screens.
  • Token Binding & Style Governance: detects unbound fills, unlinked text styles, and spacing inconsistencies to enforce design-token discipline.
  • DS Component & Prototype Hygiene: checks component usage consistency and prototype connections to guarantee DS library conformity.

Quick Start

Run a complete DS QA coverage pass on the current Figma DS ecosystem to verify screen inventory, state coverage, token bindings, and prototype integrity.

Frequently Asked Questions about ds-qa-coverage

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

FAQPage Schema
How do I run a QA pass on a Figma design system to check screen inventory and state coverage?

To run a Figma design system QA pass, validate screen inventory and state coverage by executing a final audit that verifies all screens exist, states are defined, and navigation integrity is maintained across the ecosystem.

What does design token binding validation check for in a Figma design system?

Design token binding validation in a Figma design system detects unbound fills, unlinked text styles, and spacing inconsistencies to enforce strict design-token discipline and maintain visual governance across all components.

Can I validate Figma prototype connections and component hygiene using an automated auditing process?

Yes, you can validate Figma prototype connections and component hygiene by running an auditing process that checks component usage consistency and verifies prototype connections to guarantee DS library conformity.

Do I need to load the figma-use skill before validating a Figma design system?

Yes, loading the figma-use skill is required before any use_figma calls to ensure all screens and prototype flows are completed and accessible for the final QA coverage validation.

What is the best way to ensure design system conventions are followed across all Figma screens?

The best way to ensure design system conventions are followed is to perform a structured QA pass that validates screen inventory, token bindings, and DS component usage consistency before production.

Why are my Figma design system components showing unbound fills during a quality audit?

Unbound fills during a Figma quality audit indicate that components have colors applied directly instead of through linked design tokens, which breaks token binding discipline and requires re-linking to the DS styles.