Create token-based design systems with CSS variables and theming.
npx skills add https://github.com/bipinks/ghost-office --skill design-systems-bipinks
Please help me install this Agent Skill. Skill: design-systems Source: https://github.com/bipinks/ghost-office/tree/main/.claude/skills/design-systems Command: npx skills add https://github.com/bipinks/ghost-office --skill design-systems-bipinks
Design teams need a unified design system to ensure visual consistency and scalable UI across applications.
Outline your token primitives (colors, spacing, typography) and establish a base theme and component variants to begin building your system.
High-intent search queries and answers about installing and using this skill.
Build a scalable design system by defining token primitives for colors, spacing, and typography, then establishing a base theme with CSS custom properties and semantic tokens to drive consistent component theming across applications.
Semantic token architecture maps primitive design tokens like raw colors to meaningful UI roles, allowing you to apply CSS custom properties for consistent theming, brand overrides, and dark/light mode support across components.
Set up dark and light mode theming by defining semantic color tokens as CSS variables, applying theming rules to swap values based on user preference, and establishing brand overrides to ensure visual consistency across the interface.
Structure spacing and typography systems by outlining token primitives for both, establishing base theme variants, and documenting usage guidelines to ensure consistent application across your component library.
Create documentation and governance by defining token references, cataloging components, and establishing usage guidelines to ensure design-system adoption and maintain visual consistency across products.
dtsongDefine primitive, semantic, and component tokens with theming for web, iOS, and Android.
Pixel-Process-UGCreate scalable design systems with token-first architecture and Tailwind CSS v4.
xiaobuliukunProvides semantic theming and styling for Tailwind-based apps.
briosoemilioStyle web interfaces with utility-first Tailwind CSS classes.
