Generate or extract a markdown design manifest from Tailwind config, CSS, and components.
npx skills add https://github.com/mferris77/SpringBoard --skill design-mferris77
Please help me install this Agent Skill. Skill: design Source: https://github.com/mferris77/SpringBoard/tree/main/vscode-citadel-harness/skills/design Command: npx skills add https://github.com/mferris77/SpringBoard --skill design-mferris77
Many projects lack a single source of truth for visual language, which leads to inconsistent colors, typography, spacing, and component shapes; this Skill extracts or generates a design manifest and helps teams identify deviations before they accumulate.
Run the design skill by saying /design extract the design system to scan the repository and produce .planning/springboard-design-guide.md for review.
High-intent search queries and answers about installing and using this skill.
To extract a design system from Tailwind, this tool scans your tailwind.config, global CSS, and component files to infer palettes, type scales, spacing, and radii. It generates a structured markdown manifest citing source files to document your current visual language.
To stop hardcoded CSS values from causing visual drift, this tool writes anti-pattern rules used by a post-edit hook. The hook warns developers during edits when it detects hardcoded colors, mismatched spacing, and out-of-scale font sizes.
You can generate a starter style guide for new projects by answering up to four targeted questions about feel, color mode, brand colors, and layout density. The tool produces a sensible starter manifest with color, typography, spacing, and shape scales.
The best way to maintain visual consistency is creating a single source of truth for your design language. This tool produces a structured markdown manifest documenting color, typography, spacing, shape scales, and anti-pattern rules to identify deviations before they accumulate.
This design manifest tool works with both Tailwind configurations and plain global CSS. It scans tailwind.config and component files alongside global styles to extract palettes, type scales, spacing, radii, and shadows into a unified style guide.
When extracting a design manifest from component files, the tool infers common patterns and cites source files but relies on existing code structure. Complex or highly dynamic styling may require manual review to ensure the generated manifest accurately captures all visual scales.
EzequielpereyraaScan Tailwind and CSS projects to extract design tokens and generate DESIGN.md.
tanujsutariaAudit SwiftUI views for hardcoded colors, spacing, and typography.
Ikki-GroupCreate Tailwind CSS v4 design systems with semantic tokens and CVA components.
sotono-046Define design direction, color, typography, and spacing tokens for dashboards.
