home/categories/design/mte90-dotfiles-config-opencode-skills-design-skill-md
designcontent-media

visual-design-system

Visual design principles, colour, typography, layout, and spatial composition for Cowboys & Beans projects. Use when: designing web pages or components, choosing colours, setting up type scales, composing layouts, writing CSS, building design tokens, creating fluid responsive designs, reviewing visual quality, breaking out of template patterns, designing navigation/wayfinding, theming across multiple sites, or answering any visual design question.

Mte90
maintainer
Mte90
更新於 3/27/2026
星標
45
分支
5
quick start

Installation and usage

Visual design principles, colour, typography, layout, and spatial composition for Cowboys & Beans projects. Use when: designing web pages or components, choosing colours, setting up type scales, composing layouts, writing CSS, building design tokens, creating fluid responsive designs, reviewing visual quality, breaking out of template patterns, designing navigation/wayfinding, theming across multiple sites, or answering any visual design question.

安裝
$ install --globalskills.sh
使用

安裝後,您可以透過在終端機執行以下指令來使用此技能:

skills use visual-design-system