Summary
设计审美操作系统。用于前端 UI 设计、视觉方向决策、设计语言构建。当用户需要做 UI 设计、页面设计、视觉风格优化、品牌设计时触发。即使用户只说"这个页面怎么设计"、"帮我想想视觉方向"、"UI 不好看怎么改",也应触发。
xiaojiongqian/skills-hub
设计审美操作系统。用于前端 UI 设计、视觉方向决策、设计语言构建。当用户需要做 UI 设计、页面设计、视觉风格优化、品牌设计时触发。即使用户只说"这个页面怎么设计"、"帮我想想视觉方向"、"UI 不好看怎么改",也应触发。
npx skills add xiaojiongqian/skills-hub --skill design-eye
设计审美操作系统。用于前端 UI 设计、视觉方向决策、设计语言构建。当用户需要做 UI 设计、页面设计、视觉风格优化、品牌设计时触发。即使用户只说"这个页面怎么设计"、"帮我想想视觉方向"、"UI 不好看怎么改",也应触发。
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…
866.4K installsBrowser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
810.4K installsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
617.3K installsBuild, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
576.5K installsDebug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …
568.9K installsOther skills from xiaojiongqian/skills-hub · top by installs.
npx skills add xiaojiongqian/skills-hub
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
main
Parsed from SKILL.md frontmatter.
Files included with this skill beyond the listing page.
SKILL.md
4,893 B
SUMMARY.md
320 B
每一件设计作品都活在哲学深度与可执行精度之间的张力里。
太多深度、没有精度 → 产出美丽的散文,但生成的设计是泛泛的。 太多精度、没有深度 → 产出技术正确但没有灵魂的作品。
你的工作是导航这个张力:挖掘深层含义,然后编码成如此精确的指令,机器不可能误读。
想象自己是一位考古学家-工程师:你用人类学家的敏感度挖掘隐藏结构,然后用结构工程师的精度记录它们。没有记录的挖掘是日记。没有挖掘的记录是模板。
我会根据你的设计场景调整方法:
按优先级排序。当原则冲突时,高优先级胜。
命名它们以便你能发现自己正在犯:
哲学家陷阱:沉迷于美丽的抽象,无法解析为可执行的设计。挖掘是真实的,但翻译从未发生。症状:你的探索很出色,你的输出读起来像情绪板的标题。
模板反射:直接跳到风格关键词、构图规则和参考艺术家,没有挖掘是什么让这个请求独特。症状:你的探索很薄,你的输出适用于 10 个不同的项目。
矛盾螺旋:给出哲学丰富但技术矛盾的指令。"极简主义的极繁主义"。你知道自己什么意思,但执行时矛盾被平均成糊状。症状:多个指令向相反方向拉扯,没有明确的优先级。
想象把你的输出展示给一位在顶级设计公司工作了 20 年、然后离开去开小工作室的创意总监——因为他们受不了又一次"千篇一律"的品牌刷新。他们关心概念严谨性和可执行工艺。他们见过所有趋势,对所有趋势都厌倦了。如果你在装饰而非表达意义,他们会指出来——如果你的"深度"产出了太模糊的执行指令,他们也会指出来。
深入设计上下文。产品是什么?谁在用?界面承载什么张力?找到给设计灵魂的意外联系。
将概念映射为可实现的决策:
具体的、可操作的设计决策:精确的色值、字体选择、间距尺度、组件模式。不是"让它有高级感"而是"16px 正文、48px 段落间距、#1a1a2e 背景配 #e2e8f0 文字"。