design-system-detector

Detect a project's design system to extract styling tokens for HTML reports.

Updated May 5, 2026
One-click install
npx skills add https://github.com/shakhovskiya-create/shakhoff-claude-marketplace --skill design-system-detector
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system-detector
Source: https://github.com/shakhovskiya-create/shakhoff-claude-marketplace/tree/main/plugins/ai-scrum/skills/design-system-detector
Command: npx skills add https://github.com/shakhovskiya-create/shakhoff-claude-marketplace --skill design-system-detector

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Detects a project's design system to drive consistent HTML report styling and token application.

Core Features & Use Cases

  • Detection across explicit config, adjacent design-system repos, in-project design systems, or single-file formats.
  • Extracts tokens for colors, typography, spacing, and branding assets to feed the HTML report generator.
  • Caches results between runs to speed up repeated detections within a sprint.

Quick Start

Run the detection as part of the HTML report generation to automatically detect or fall back to a neutral theme.

Frequently Asked Questions about design-system-detector

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

FAQPage Schema
How do I detect a project's design system for HTML report styling?

Design system detection scans explicit config files, adjacent repositories, in-project directories, or single-file formats to extract colors, typography, spacing, and branding tokens for HTML report styling.

What happens if no design system is found during token extraction?

If no design system is found during token extraction, the detection process falls back to a neutral theme to ensure your HTML reports still generate with consistent default styling.

How do I extract design tokens like colors and typography from an existing project?

To extract design tokens, the detector scans your project for explicit config or in-project design systems, pulling colors, typography, spacing, and branding assets to feed the report generator.

Can I cache design system detection results between repeated runs?

Yes, design system detection results are cached between runs to speed up repeated detections within a sprint, avoiding unnecessary rescanning of the same config files and repositories.

Does design system detection work with adjacent design-system repositories?

Yes, design system detection works across adjacent design-system repositories, scanning them alongside explicit config and in-project formats to extract branding and styling tokens.