·visual-design-foundations
*

visual-design-foundations

wshobson/agents

應用版式、色彩理論、間距系統和圖像原理來創建有凝聚力的視覺設計。在建立設計標記、構建風格指南或改進視覺層次結構和一致性時使用。

2.2K安裝·61熱度·@wshobson

安裝

$npx skills add https://github.com/wshobson/agents --skill visual-design-foundations

SKILL.md

Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals.

Line Height Guidelines: | Text Type | Line Height |

| Headings | 1.1 - 1.3 | | Body text | 1.5 - 1.7 | | UI labels | 1.2 - 1.4 |

應用版式、色彩理論、間距系統和圖像原理來創建有凝聚力的視覺設計。在建立設計標記、構建風格指南或改進視覺層次結構和一致性時使用。 來源:wshobson/agents。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/wshobson/agents --skill visual-design-foundations
分類
*創意媒體
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 visual-design-foundations?

應用版式、色彩理論、間距系統和圖像原理來創建有凝聚力的視覺設計。在建立設計標記、構建風格指南或改進視覺層次結構和一致性時使用。 來源:wshobson/agents。

如何安裝 visual-design-foundations?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/wshobson/agents --skill visual-design-foundations 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/wshobson/agents