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.