已发布技能 24
typeset
将排版转化为有意识的设计
通用字体和不一致的字号会损害界面的可信度。Typeset 应用专业排版原则,创建清晰的层次结构、易读的文本和精致的视觉效果,体现品牌个性。
teach-impeccable
捕获您的设计上下文以实现一致的 AI 协作
AI 助手在了解您的品牌和用户后能做出更好的设计决策。此技能运行一次以收集项目特定的设计上下文,并为每个未来的会话保存这些信息。
shape
在编码前规划UX/UI设计
大多数AI生成的UI失败是因为跳过了设计思维。这个技能会运行结构化的发现访谈,了解用户需求、约束条件和目标,然后生成一份综合设计简报来指导实施。
polish
将您的 UI 打磨至完美
一项细致的质量检查技能,可发现 UI 代码中的对齐、间距、一致性和细节问题。将优秀的工作转化为精致、专业的界面。
quieter
优化过于大胆的设计
Claude 可以自动淡化过于激进或视觉上令人难以承受的设计,创造更加精致和优雅的美感,同时保留影响力和功能性。
overdrive
使用前沿效果创建非凡的 Web 界面
标准 Web 界面感觉静态且可预测。Overdrive 通过电影级过渡、GPU 加速视觉效果和基于物理的动画进行转换,给用户带来惊喜和愉悦。
optimize
优化 Web 性能以实现更快加载和更流畅交互
缓慢的界面会让用户感到沮丧并损害指标。此技能系统地识别并修复加载速度、渲染、动画、图片和包大小方面的性能瓶颈,以创造更快、更流畅的体验。
onboard
设计能够推动采用的用户引导流程
当用户无法快速理解产品价值时,他们会放弃使用。这项技能帮助您创建引导体验,帮助用户获得首次成功,同时不会让他们感到不知所措。
normalize
将 UI 组件规范化至设计系统
通过自动检测并修复与设计系统的偏差来消除设计不一致性。确保每个组件都使用正确的 tokens、模式和既定约定。
layout
使用系统性间距创建精致布局
解决单调的网格和不一致的间距问题,这些问题会让界面显得不专业。此技能建立系统性的间距比例、视觉节奏和清晰的层次结构,将通用布局转化为有意为之的设计。
impeccable
使用AI构建精致的用户界面
AI生成的界面通常看起来千篇一律、模板化。Impeccable通过专业的设计决策引导AI,产生独特的生产级前端代码。
harden
强化您的界面以应对生产环境的现实挑战
当真实用户输入意外数据、失去连接或使用辅助技术时,界面可能会崩溃。本技能系统性地增强您的 UI 以应对边缘情况、国际化问题、错误和可访问性差距,确保生产就绪的弹性。
frontend-design
构建令人难忘的独特前端界面
通用的 AI 生成代码只会产生千篇一律的模板化设计。本技能教你如何通过大胆的美学方向和产品级实现,创造令人难忘的用户体验。
extract
提取设计系统组件
从你的代码库中识别并提取可复用的组件、设计令牌和模式,构建结构化设计系统。此技能将分散的 UI 代码整合为系统化、有文档记录的资产。
distill
简化设计,提炼其本质
此技能帮助 AI 助手通过移除不必要的元素来简化复杂的设计,创建干净、专注的用户界面,引导用户实现他们的目标。
delight
用令人愉悦的微交互改造界面
功能性界面往往显得冰冷机械。这项技能在保持可用性的同时,增添能带来愉悦感和个性的策略性时刻,让用户会心一笑。
critique
设计评审
获得专业的 UX 设计反馈,识别 AI 生成的设计模式、视觉层级问题,并提供可执行的改进建议,提升您的界面设计。
colorize
为您的设计增添策略性色彩
将灰暗、缺乏生气的界面转化为温暖、引人入胜的体验。此技能运用有目的的色彩理论来改善视觉层次和用户愉悦度。
clarify
改进不清晰的 UX 文案和错误消息
令人困惑的界面文本会让用户感到沮丧,并增加支持成本。此技能将行话、模糊的标签和糟糕的错误消息转化为清晰、人性化的文案,有效地引导用户。
bolder
将平淡设计转化为大胆体验
停止满足于千篇一律、令人遗忘的界面。此技能帮助 Claude 创造视觉冲击力强的设计,在吸引用户的同时保持可用性和无障碍标准。
audit
审计���面质量
糟糕的界面质量会损害用户体验并排斥残障用户。此技能提供系统化的审计,涵盖可访问性、性能、主题和响应式设计,帮助在生产环境之前发现问题。
arrange
通过有意识的间距和节奏感来优化布局
消除单调的网格和随意的间距。本技能提供了一种系统化的方法,通过有意识的间距、多变的节奏和结构化的布局来创建视觉层次结构,引导用户关注重要的内容。
animate
添加有意义的动画和微交互
静态界面感觉未完成,并错失了引导用户的机会。此技能帮助您策略性地添加动态效果,提供反馈、改善理解并创造令人愉悦的体验,而不会让用户感到不知所措。
adapt
为任何屏幕或平台适配设计
是否在为设计在移动设备、平板电脑、桌面端、打印或电子邮件中的适配而烦恼?该技能提供专业指导,帮助您在不同场景下适配设计,同时保持一致性和可用性。