pbakaus

pbakaus

活跃
24
技能
3
类别
ClaudeCodexCode(CC)

已发布技能 24

📝

typeset

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

安全 70

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

Claude Codex Code(CC)
安装
🎨

teach-impeccable

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

安全 71

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

Claude Codex Code(CC)
安装
📦

shape

在编码前规划UX/UI设计

安全 75

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

Claude Codex Code(CC)
安装

polish

将您的 UI 打磨至完美

安全 70

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

Claude Codex Code(CC)
安装
📦

quieter

优化过于大胆的设计

安全 70

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

Claude Codex Code(CC)
安装
🎨

overdrive

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

安全 71

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

Claude Codex Code(CC)
安装

optimize

优化 Web 性能以实现更快加载和更流畅交互

安全 68

缓慢的界面会让用户感到沮丧并损害指标。此技能系统地识别并修复加载速度、渲染、动画、图片和包大小方面的性能瓶颈,以创造更快、更流畅的体验。

Claude Codex Code(CC)
安装
🚀

onboard

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

安全 71

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

Claude Codex Code(CC)
安装
📦

normalize

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

安全 71

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

Claude Codex Code(CC)
安装
📦

layout

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

安全 75

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

Claude Codex Code(CC)
安装
📦

impeccable

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

低风险 75

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

Claude Codex Code(CC)
安装
🛡️

harden

强化您的界面以应对生产环境的现实挑战

安全 70

当真实用户输入意外数据、失去连接或使用辅助技术时,界面可能会崩溃。本技能系统性地增强您的 UI 以应对边缘情况、国际化问题、错误和可访问性差距,确保生产就绪的弹性。

Claude Codex Code(CC)
安装
📦

frontend-design

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

安全 73

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

Claude Codex Code(CC)
安装
📦

extract

提取设计系统组件

安全 72

从你的代码库中识别并提取可复用的组件、设计令牌和模式,构建结构化设计系统。此技能将分散的 UI 代码整合为系统化、有文档记录的资产。

Claude Codex Code(CC)
安装

distill

简化设计,提炼其本质

安全 70

此技能帮助 AI 助手通过移除不必要的元素来简化复杂的设计,创建干净、专注的用户界面,引导用户实现他们的目标。

Claude Codex Code(CC)
安装
📦

delight

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

安全 72

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

Claude Codex Code(CC)
安装
🎨

critique

设计评审

安全 67

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

Claude Codex Code(CC)
安装
🎨

colorize

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

安全 71

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

Claude Codex Code(CC)
安装
📦

clarify

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

安全 72

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

Claude Codex Code(CC)
安装
🎨

bolder

将平淡设计转化为大胆体验

安全 71

停止满足于千篇一律、令人遗忘的界面。此技能帮助 Claude 创造视觉冲击力强的设计,在吸引用户的同时保持可用性和无障碍标准。

Claude Codex Code(CC)
安装
📦

audit

审计���面质量

安全 70

糟糕的界面质量会损害用户体验并排斥残障用户。此技能提供系统化的审计,涵盖可访问性、性能、主题和响应式设计,帮助在生产环境之前发现问题。

Claude Codex Code(CC)
安装
📐

arrange

通过有意识的间距和节奏感来优化布局

安全 70

消除单调的网格和随意的间距。本技能提供了一种系统化的方法,通过有意识的间距、多变的节奏和结构化的布局来创建视觉层次结构,引导用户关注重要的内容。

Claude Codex Code(CC)
安装

animate

添加有意义的动画和微交互

安全 70

静态界面感觉未完成,并错失了引导用户的机会。此技能帮助您策略性地添加动态效果,提供反馈、改善理解并创造令人愉悦的体验,而不会让用户感到不知所措。

Claude Codex Code(CC)
安装
📦

adapt

为任何屏幕或平台适配设计

安全 71

是否在为设计在移动设备、平板电脑、桌面端、打印或电子邮件中的适配而烦恼?该技能提供专业指导,帮助您在不同场景下适配设计,同时保持一致性和可用性。

Claude Codex Code(CC)
安装