visual-design-foundations
Build accessible visual systems with modular typography, 8-point grids, and semantic color tokens.
Install
npx skills add https://github.com/wshobson/agents --skill visual-design-foundationsStats
| Total installs | 4,527 |
| Weekly installs | 4.5K |
| GitHub stars | 32.4K |
| First seen | Jan 20, 2026 |
| Source | @wshobson/agents |
Summary
- Provides modular typography scale, 8-point spacing grid, semantic color tokens, and iconography system with CSS variable templates
- Includes WCAG contrast requirements (4.5:1 for body text, 3:1 for UI), dark mode implementation patterns, and font-pairing guidelines
- Covers responsive typography with clamp(), color accessibility checking, and vertical rhythm techniques for visual consistency
- Offers Tailwind configuration examples, icon sizing system, and best practices for establishing design constraints and documenting decisions
Tags
Related skills
| Skill | Installs | vs visual-design-foundations |
|---|---|---|
| unocss | 6,939 | +2,412 |
| clerk-custom-ui | 2,800 | -1,727 |
| web-component-design | 4,579 | +52 |
| emil-design-eng | 4,967 | +440 |
| implement-design | 5,880 | +1,353 |
FAQ
- How many installs does visual-design-foundations have?
- visual-design-foundations has 4,527 total installs and 4.5K installs this week.
- Where is visual-design-foundations hosted?
- visual-design-foundations is published by @wshobson/agents at https://github.com/wshobson/agents.
- How many GitHub stars does visual-design-foundations have?
- visual-design-foundations has 32.4K GitHub stars.
- When was visual-design-foundations first indexed?
- OrangeBot.AI first indexed visual-design-foundations on Jan 20, 2026.
- How do I install visual-design-foundations?
- Run: npx skills add https://github.com/wshobson/agents --skill visual-design-foundations