270 技能
🎨

brand-guidelines-community

安全 71

将 Anthropic 品牌指南应用于您的工件

由 sickn33

通过 Anthropic 的官方品牌标识,确保您的文档和演示文稿在视觉上保持一致。此技能提供精确的颜色值、排版规范和设计指导,帮助您创建专业外观的工件。

Claude Codex Code(CC)
安装
📦

brand-guidelines-anthropic

安全 71

将 Anthropic 品牌样式应用于输出内容

由 sickn33

在所有文档和演示文稿中保持一致的品牌形象。此技能可自动应用 Anthropic 的官方颜色和排版。

Claude Codex Code(CC)
安装
🎨

brand-guidelines

安全 71

将 Anthropic 品牌指南应用于您的文档

由 sickn33

在所有文档和演示文稿中保持一致的品牌形象。此技能自动应用 Anthropic 的官方颜色和排版。

Claude Codex Code(CC)
安装
📦

avalonia-layout-zafiro

安全 71

使用 Zafiro 构建简洁的 Avalonia UI 布局

由 sickn33

使用语义化容器和共享样式创建可维护的 Avalonia 应用程序。通过 Zafiro.Avalonia 组件和最佳实践减少 XAML 冗余。

Claude Codex Code(CC)
安装
🎨

algorithmic-art

安全 72

使用 p5.js 创建算法艺术

由 sickn33

此技能使 Claude 和 Claude Code 能够使用 p5.js 生成画廊级别的算法艺术,采用种子随机性以确保结果可重现,并支持交互式参数探索。

Claude Codex Code(CC)
安装
📝

typeset

安全 70

将排版转化为有意识的设计

由 pbakaus

通用字体和不一致的字号会损害界面的可信度。Typeset 应用专业排版原则,创建清晰的层次结构、易读的文本和精致的视觉效果,体现品牌个性。

Claude Codex Code(CC)
安装
🎨

teach-impeccable

安全 71

捕获您的设计上下文以实现一致的 AI 协作

由 pbakaus

AI 助手在了解您的品牌和用户后能做出更好的设计决策。此技能运行一次以收集项目特定的设计上下文,并为每个未来的会话保存这些信息。

Claude Codex Code(CC)
安装
📦

shape

安全 75

在编码前规划UX/UI设计

由 pbakaus

大多数AI生成的UI失败是因为跳过了设计思维。这个技能会运行结构化的发现访谈,了解用户需求、约束条件和目标,然后生成一份综合设计简报来指导实施。

Claude Codex Code(CC)
安装
📦

quieter

安全 70

优化过于大胆的设计

由 pbakaus

Claude 可以自动淡化过于激进或视觉上令人难以承受的设计,创造更加精致和优雅的美感,同时保留影响力和功能性。

Claude Codex Code(CC)
安装

polish

安全 70

将您的 UI 打磨至完美

由 pbakaus

一项细致的质量检查技能,可发现 UI 代码中的对齐、间距、一致性和细节问题。将优秀的工作转化为精致、专业的界面。

Claude Codex Code(CC)
安装
🎨

overdrive

安全 71

使用前沿效果创建非凡的 Web 界面

由 pbakaus

标准 Web 界面感觉静态且可预测。Overdrive 通过电影级过渡、GPU 加速视觉效果和基于物理的动画进行转换,给用户带来惊喜和愉悦。

Claude Codex Code(CC)
安装
🚀

onboard

安全 71

设计能够推动采用的用户引导流程

由 pbakaus

当用户无法快速理解产品价值时,他们会放弃使用。这项技能帮助您创建引导体验,帮助用户获得首次成功,同时不会让他们感到不知所措。

Claude Codex Code(CC)
安装
📦

normalize

安全 71

将 UI 组件规范化至设计系统

由 pbakaus

通过自动检测并修复与设计系统的偏差来消除设计不一致性。确保每个组件都使用正确的 tokens、模式和既定约定。

Claude Codex Code(CC)
安装
📦

layout

安全 75

使用系统性间距创建精致布局

由 pbakaus

解决单调的网格和不一致的间距问题,这些问题会让界面显得不专业。此技能建立系统性的间距比例、视觉节奏和清晰的层次结构,将通用布局转化为有意为之的设计。

Claude Codex Code(CC)
安装
📦

impeccable

低风险 75

使用AI构建精致的用户界面

由 pbakaus

AI生成的界面通常看起来千篇一律、模板化。Impeccable通过专业的设计决策引导AI,产生独特的生产级前端代码。

Claude Codex Code(CC)
安装
📦

frontend-design

安全 73

构建令人难忘的独特前端界面

由 pbakaus

通用的 AI 生成代码只会产生千篇一律的模板化设计。本技能教你如何通过大胆的美学方向和产品级实现,创造令人难忘的用户体验。

Claude Codex Code(CC)
安装
📦

delight

安全 72

用令人愉悦的微交互改造界面

由 pbakaus

功能性界面往往显得冰冷机械。这项技能在保持可用性的同时,增添能带来愉悦感和个性的策略性时刻,让用户会心一笑。

Claude Codex Code(CC)
安装
🎨

critique

安全 67

设计评审

由 pbakaus

获得专业的 UX 设计反馈,识别 AI 生成的设计模式、视觉层级问题,并提供可执行的改进建议,提升您的界面设计。

Claude Codex Code(CC)
安装
🎨

colorize

安全 71

为您的设计增添策略性色彩

由 pbakaus

将灰暗、缺乏生气的界面转化为温暖、引人入胜的体验。此技能运用有目的的色彩理论来改善视觉层次和用户愉悦度。

Claude Codex Code(CC)
安装
📦

clarify

安全 71

改进不清晰的 UX 文案和错误消息

由 pbakaus

令人困惑的界面文本会让用户感到沮丧,并增加支持成本。此技能将行话、模糊的标签和糟糕的错误消息转化为清晰、人性化的文案,有效地引导用户。

Claude Codex Code(CC)
安装