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
在令人印象深刻的专业性与克制之间取得平衡的核心原则——何时应大胆、何时应含蓄,专业性如何体现在细节中,为什么独特不等于繁复,以及如何让设计感觉浑然天成。
如何使用此技能:
- 将整个
design-elevation文件夹添加到您的技能目录中 - 下次您请求任何视觉输出时,Claude会自动查阅这些文件
- 您将获得经过提升的输出,而无需每次都指定设计要求
需要我调整参考内容,或为目录添加更多技巧吗?
4. 后续提示
继续与Claude对话,以进一步打磨、扩展或探索。
查看该技能的实际效果
使用此技能来评估和提升现有作品。Claude可以通过应用该技能中集成的技巧来重新创建输出内容。
让我们来测试一下这个技能。创建一个季度业绩仪表盘。使用设计提升流程,并向我展示初始功能版本和提升后的结果,以便我能看出其中的差异。
与MCP连接结合使用
看看一旦通过连接器(在新标签页中打开)启用后,您打包在技能中的专业知识如何与您的工具结合并协同工作。
我已经通过MCP连接了Google Drive。当我要求您从我的Drive中提取一份现有演示文稿并加以改进时,这个设计技能会如何运作?请向我展示该技能与MCP连接是如何协同工作的。
扩展技巧目录
在特定领域深化该技能的词汇量。或者,将您的质量标准和具体示例融入技能指令或框架中。这有助于Claude更清楚地理解您期望的输出内容。
专门添加一些数据可视化方面的技巧——图表样式、仪表盘布局,以及让数字在视觉上更具吸引力的方法。我还从事金融科技行业,请在参考库中添加行业领先的金融设计范例。
5. 技巧、提示与故障排除
通过使用和打磨来不断完善技能
在多次应用该技能之后,您会注意到一些规律:也许您一直偏好更大胆的色彩选择,或更紧凑的信息密度,或特定的字体排印偏好。利用这些反馈来更新技能文件本身,以融入您不断演进的标准。添加对您而言重要的新质量关卡。将您喜欢的作品截图纳入作为参考示例。随着时间推移,该技能可以变得更加个性化。
技能使用渐进式披露以保持高效
当Claude处理一项任务时,它首先会扫描技能的元数据(顶部的描述),以判断该技能是否相关。只有在匹配的情况下,Claude才会加载完整的指令。参考文件只有在实际需要时才会加载。这意味着您可以拥有许多可用的技能,而不会让Claude的上下文不堪重负。您的设计技能中400多种技巧,只有在Claude实际需要为特定弱点选择技巧时才会加载。
质量标准问题促使Claude超越默认方案,做出有意识的选择
该技能迫使Claude根据质量标准和基准进行评估。该技能还将迭代作为一个流程嵌入其中,而不是依赖多轮提示。这种技巧用于让Claude拒绝平庸的选择,转而选择更具创意和独特性的设计决策。
6. 准备好亲自尝试了吗?
创建您自己的设计卓越技能,见证每一个视觉输出从功能性转变为足以收录进作品集的水准。只需构建一次该技能,便可在任何对话中激活世界级的设计思维