Skill 多语言阅读指南
frontend-design用途、用法与原始来源
在构建全新用户界面或重塑现有用户界面时，提供独特且富有创意的视觉设计指导。有助于确定美学方向、字体选择，并做出避免落入模板化默认样式的决策。
原文采集时间:
- SKILL.md
skills/frontend-design/SKILL.md- 仓库 Star
- 185,373
- 仓库最近更新
- 2026/10/29
- 能力分类
- 设计
- 最近采集时间
许可：许可文件待核验
流程片段用于帮助阅读上游说明。本页没有执行第三方 Skill，不属于实测评测。
下面的用途和操作片段来自上游文档，由本站整理并翻译，和另行标注的 Codez 编辑分析分开展示。
这个 Skill 能做什么
在构建全新用户界面或重塑现有用户界面时，提供独特且富有创意的视觉设计指导。有助于确定美学方向、字体选择，并做出避免落入模板化默认样式的决策。
如何使用：上游操作流程
流程：计划、对照简报审查、构建、评估
目前，人工智能生成的设计在校准方面呈现出一些共同特征：暖奶油色背景（接近#F）。4F1EA）采用高对比度衬线字体，并以赤陶色或暖粘土色作为点缀（通常靠近#D）。97757— Anthropic 特有的 Claude 交互风格（因此在用户简报中可以作为提示）；近乎黑色的背景，带有一个亮酸性绿或朱红色的点缀；报纸风格的布局，带有细线、零边框半径和密集的报纸式列；
原文片段 · L36 ↗前端设计
想象一下，你是一家设计工作室的设计主管，这家工作室以赋予每位客户独一无二的视觉形象而闻名，绝不会与其他任何公司的设计混淆。这位客户已经拒绝了所有千篇一律或千篇一律的方案，他们付费是为了获得独特的视角：因此，你需要根据客户的具体需求，在配色、字体和布局方面做出深思熟虑、充满个人见解的选择，并在必要时承担一些美学上的风险。
原文片段 · L7 ↗将你的设计与主题联系起来
如果设计简报中没有明确说明产品或主题，请在设计前自行确定，并与客户确认。您可以将一个具体的主题、设计的目标受众以及设计的主要功能作为提案的一部分。如果您记得客户的任何偏好或他们正在开发的产品背景信息，请将其作为参考。主题所属行业、主题内容、材料和本土特色是独特视觉选择的基础——例如，为某个年龄段的女孩设计的玩具。8–11在美学上，它将与金融分析师的仪表盘截然不同。请始终围绕简报中的实际内容和主题进行构建。
原文片段 · L11 ↗环境与依赖
本次未从该文件选出独立的环境要求片段，不代表无需依赖。请继续核对仓库的安装说明和引用文件。
限制与结果检查
本次未从该文件选出独立的限制片段，不代表适用于所有输入或环境。请阅读完整原文，并自行验证实际结果。
开始使用前
- 先核对支持的 Agent 宿主和仓库安装说明。保留完整 Skill 目录及其引用的脚本、资源和文档，只复制 SKILL.md 可能漏掉依赖。
- 向 Agent 提供实际输入、期望输出和验收标准。调用方式与可用工具取决于宿主环境，本站不假定存在通用的安装命令。
- 先在临时项目或输入副本上试用。涉及修改文件、远程服务或计费资源的操作，应逐项核对后再授权。
- 按照原文检查项和自己的需求验证输出。成功触发或仓库 Star 较高，都不能证明结果正确。
继续阅读原始文档
相关 Skill
翻译与介绍范围
本页从固定版本的上游 SKILL.md 整理用途与操作片段，译文使用辅助翻译。它不是完整手册，也不代表经过兼容性实测；使用前请核对原文及其引用文件。
介绍依据下方列出的固定版本；当前仓库动态和目录采集时间单独展示。
- 固定版本来源
- 阅读原文 ↗
- 原文采集时间
- 来源提交版本
ca45fc496a3436251f191354091d557da31c15b5- 原文 SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3