Generate and maintain a design manifest from Tailwind config and CSS files.
npx skills add https://github.com/SethGammon/Citadel --skill design-sethgammon
Please help me install this Agent Skill. Skill: design Source: https://github.com/SethGammon/Citadel/tree/main/skills/design Command: npx skills add https://github.com/SethGammon/Citadel --skill design-sethgammon
Documents and maintains a design manifest to enforce a consistent visual language across projects, reducing drift and rework by centralizing design decisions.
Describe your project’s visual goals and preferences to generate a starter design manifest.
High-intent search queries and answers about installing and using this skill.
To maintain visual consistency, generate a design manifest that documents colors, typography, and spacing. This centralized file enforces a unified visual language and reduces style drift across new or existing codebases.
Yes, you can extract a style guide from existing Tailwind config or global CSS files. The tool reads your current styles and user preferences to automatically document patterns into a structured design manifest.
A design manifest is a living document, specifically a .planning/design-manifest.md file, that records your project's visual language. It prevents visual drift by using an activation hook to flag deviations from established styles.
Generate a starter style guide by describing your project's visual goals and preferences. The system uses this input to produce an initial design manifest with predefined sections for colors, typography, and spacing.
This works with both existing codebases and new projects. For existing codebases, it reads current styles from sources like Tailwind config to extract patterns and document them, while also generating manifests for new setups.
ydnikolaevGenerate Tailwind config, theming, and shadcn components from design tokens.
landim32Coordinate brand design across tokens, UI components, and assets.
marcioaltoeApplies Gesttione brand colors, typography, and metric tokens to UI components.
LSDIPPOLLCDesign automated quality gates for Copilot harnesses with hook-driven validation.
