Communitygithub.com

alty-oss/dev-design

为新 UI 或有意向的重新设计建立独特的视觉方向时使用。

dev-design 是什么?

该技能旨在帮助 AI 代理或开发者为一个新界面或有意向的重新设计建立独特的视觉方向。它要求使用者先阅读包含的前端设计指南,然后根据项目背景、受众和内容,提出两个实质不同的设计方案。每个方案应聚焦于层次结构、构图、字体和视觉重点的对比,而不仅仅是颜色方案的替换。最终选定的方向及决策理由需要记录在 `direction.md` 文件中。该技能强调使用真实内容,并用一个令人难忘的元素集中表达,辅以严谨的层次结构。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alty-oss/dev-design/tree/HEAD/skills/art-direction

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

艺术指导

Português (Brasil)

在确定方向之前,请阅读包含的前端设计指南。将指南中的具体视觉原则与项目简介和项目约束条件结合使用。

阅读 brief.md 和现有约束条件。对于新产品/重新设计,提出两个实质不同的方向,每个方向都要立足于受众、内容和任务。比较层次结构、构图、字体和重点,而不仅仅是调色板替换。

将选定的方向、理由以及决策状态/来源记录在 direction.md 中。如果决策被委托,则选择最合适的并记录为“已委托”。否则,在实施新方向之前,必须先解决实质性的决策问题。

遵循原始的两次通过流程:

  1. 规划 4-6 种命名十六进制颜色、字体及其角色、布局概念和带对齐标注的 ASCII 线框图,以及独特的视觉原则。
  2. 与项目简介和一个相似的类似产品进行比较。修改那些在不同主题下看起来完全相同的选择,并记录修改及其原因。

明确的用户方向优先,包括来源中提到的陈词滥调的风格。已有现有标识的项目通常复用该标识。

使用真实内容。将表达集中在一个令人难忘的元素上;用严谨的层次结构支持它。解释缺失的字体/资源,并使用有意的后备方案,而不是假设某个服务可用。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

相关技能