TacoSkill LAB
TacoSkill LAB
HomeSkillHubCreatePlaygroundSkillKit
© 2026 TacoSkill LAB
AboutPrivacyTerms
  1. Home
  2. /
  3. SkillHub
  4. /
  5. visual-design-foundations
Improve

visual-design-foundations

8.1

by wshobson

168Favorites
297Upvotes
0Downvotes

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

design-systems

8.1

Rating

0

Installs

Frontend Development

Category

Quick Review

Excellent comprehensive skill covering visual design fundamentals with practical implementation. The description clearly articulates when to use the skill, and SKILL.md provides extensive code examples, token systems, and best practices for typography, color, spacing, and iconography. Structure is very good with logical sections, though the single-file approach is slightly dense. Novelty is moderate - while this consolidates design knowledge effectively, much of this information is available in design system documentation and CSS frameworks. The skill adds clear value by providing a unified reference and reducing the need for multiple lookups, but a CLI agent with web access could piece together similar guidance. Strong practical utility for establishing design systems and maintaining visual consistency.

LLM Signals

Description coverage9
Task knowledge9
Structure8
Novelty6

GitHub Signals

26,432
2,921
268
15
Last commit 3 days ago

Publisher

wshobson

wshobson

Skill Author

Related Skills

javascript-proflutter-expertswift-expert

Loading SKILL.md…

Try onlineView on GitHub

Publisher

wshobson avatar
wshobson

Skill Author

Related Skills

javascript-pro

Jeffallan

5.2

flutter-expert

Jeffallan

6.4

swift-expert

Jeffallan

4.6

vue-expert

Jeffallan

6.4
Try online