加载中

使用技能提升Claude的设计水平

设计一个能自动将设计原则融入Claude输出内容的技能。

15 分钟个人Claude
加载中

1. 描述任务

当获得清晰的指令和示例时,Claude能够生成出色的视觉设计。然而,要持续获得高质量的结果,往往需要详细的提示和反复的打磨,这既耗时又占用大量上下文。借助技能(Skills),您可以将这一流程打包一次,然后在任何对话中快速激活高质量的设计思维。

告诉Claude您想创建一个能将任何视觉作品提升到更高标准的终极设计技能。分享您希望纳入该技能的内容,比如Claude在设计输出时应遵循的特定框架、标准和流程。

我用Claude创建了很多视觉输出内容——演示文稿、仪表盘、报告、HTML页面。它们功能上没问题,但总感觉很普通,像是初稿而不是打磨过的成品。我希望它们看起来像是经过了多轮专业设计打磨的作品。

我想创建一个技能,能自动将设计思维应用到我请求的任何视觉输出上。这个技能应该让Claude在交付任何内容之前,先质疑设计选择、参考最佳实践,并追求卓越。

只要我要求制作演示文稿、电子表格、HTML artifacts、PDF或任何视觉内容,这个技能就应该被激活。Claude应该:

  • 先从功能性版本开始,然后再提升它
  • 质疑每一个设计选择(字体排印、色彩、布局、间距)
  • 参考专业设计案例(Stripe、Linear、Apple、包豪斯、瑞士设计)
  • 应用具体的视觉技巧,而不是通用的默认方案
  • 在大胆选择与得体克制之间取得平衡
  • 确保最终输出看起来是手工打造的,而不是基于模板的

我希望这个技能有Claude会查阅的参考文件:

  • 一份设计质询清单(交付前需要提出的问题)
  • 一份技巧目录(按实现效果分类的具体视觉手法)
  • 一个参考库(可供借鉴的设计范例和原则)
  • 一套提升流程(系统化的打磨流程)
  • 一份设计理念(在专业性与克制之间取得平衡的原则)

我的目标是,当我要求"创建一个销售仪表盘"或"制作一份演示文稿"时,Claude能自动像一位不会接受平庸输出的设计总监那样思考。用户只会看到打磨后的结果,除非他们特意要求查看设计思考过程。请帮我创建这个技能以及所有必要的参考文件。

2. 为Claude提供上下文

必要的上下文

此工作流利用了Claude的技能(Skills)系统。在设置 > 功能 > 技能中,请确保代码执行和文件创建功能已开启,这样Claude才能创建和使用技能。

3. Claude创建的内容

Claude生成了一个完整的技能结构,包括一个主指令文件和若干配套的参考文件。该技能一旦添加到您的Claude技能库中即可立即使用。只要您在对话中提到"设计卓越",Claude就会自动将该技能的视觉思维应用到您正在创建的任何内容上。

我已经为您创建了设计提升技能。其中包括一个定义该技能何时以及如何激活的主SKILL.md文件,以及五个可供查阅的参考文件。

查看您的design-elevation/SKILL.md

参考文件:

查看DESIGN_INTERROGATION.md
Claude在交付任何设计之前会运行的五个层级的质询:第一性原理(这是为了什么?)、逐元素分析(字体排印、色彩、布局)、参考检查(这可以从什么中学习?)、独特性评估,以及移除测试。

查看TECHNIQUE_CATALOG.md
一份包含400多种视觉技巧的综合词汇表,按其实现的效果分类——作为形式的字体排印、色彩现象、深度错觉、质感品质、动态效果、空间构图。Claude会选择1-2种技巧强力应用,而不是多种技巧浅尝辄止。

查看REFERENCE_LIBRARY.md
精选的设计范例,来自现代公司(Stripe、Linear、Airbnb)、历史运动(包豪斯、瑞士设计)、自然图案(斐波那契数列、沃罗诺伊图),以及经过验证的字体排印组合。Claude会查阅此文件以确定设计方向。

查看ELEVATION_PROTOCOL.md
一个8阶段的系统化流程:基础评估、初步质询、技巧选择、参考检查、严谨应用、克制性验证、最终打磨,以及独特性确认。

查看DESIGN_PHILOSOPHY.md
在令人印象深刻的专业性与克制之间取得平衡的核心原则——何时应大胆、何时应含蓄,专业性如何体现在细节中,为什么独特不等于繁复,以及如何让设计感觉浑然天成。

如何使用此技能:

  1. 将整个design-elevation文件夹添加到您的技能目录中
  2. 下次您请求任何视觉输出时,Claude会自动查阅这些文件
  3. 您将获得经过提升的输出,而无需每次都指定设计要求

需要我调整参考内容,或为目录添加更多技巧吗?

4. 后续提示

继续与Claude对话,以进一步打磨、扩展或探索。

查看该技能的实际效果

使用此技能来评估和提升现有作品。Claude可以通过应用该技能中集成的技巧来重新创建输出内容。

让我们来测试一下这个技能。创建一个季度业绩仪表盘。使用设计提升流程,并向我展示初始功能版本和提升后的结果,以便我能看出其中的差异。

与MCP连接结合使用

看看一旦通过连接器启用后,您打包在技能中的专业知识如何与您的工具结合并协同工作。

我已经通过MCP连接了Google Drive。当我要求您从我的Drive中提取一份现有演示文稿并加以改进时,这个设计技能会如何运作?请向我展示该技能与MCP连接是如何协同工作的。

扩展技巧目录

在特定领域深化该技能的词汇量。或者,将您的质量标准和具体示例融入技能指令或框架中。这有助于Claude更清楚地理解您期望的输出内容。

专门添加一些数据可视化方面的技巧——图表样式、仪表盘布局,以及让数字在视觉上更具吸引力的方法。我还从事金融科技行业,请在参考库中添加行业领先的金融设计范例。

5. 技巧、提示与故障排除

通过使用和打磨来不断完善技能

在多次应用该技能之后,您会注意到一些规律:也许您一直偏好更大胆的色彩选择,或更紧凑的信息密度,或特定的字体排印偏好。利用这些反馈来更新技能文件本身,以融入您不断演进的标准。添加对您而言重要的新质量关卡。将您喜欢的作品截图纳入作为参考示例。随着时间推移,该技能可以变得更加个性化。

技能使用渐进式披露以保持高效

当Claude处理一项任务时,它首先会扫描技能的元数据(顶部的描述),以判断该技能是否相关。只有在匹配的情况下,Claude才会加载完整的指令。参考文件只有在实际需要时才会加载。这意味着您可以拥有许多可用的技能,而不会让Claude的上下文不堪重负。您的设计技能中400多种技巧,只有在Claude实际需要为特定弱点选择技巧时才会加载。

质量标准问题促使Claude超越默认方案,做出有意识的选择

该技能迫使Claude根据质量标准和基准进行评估。该技能还将迭代作为一个流程嵌入其中,而不是依赖多轮提示。这种技巧用于让Claude拒绝平庸的选择,转而选择更具创意和独特性的设计决策。

6. 准备好亲自尝试了吗?

创建您自己的设计卓越技能,见证每一个视觉输出从功能性转变为足以收录进作品集的水准。只需构建一次该技能,便可在任何对话中激活世界级的设计思维