4796 技能
📦

impeccable

低风险 75

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

由 pbakaus

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

Claude Codex Code(CC)
安装
🛡️

harden

安全 70

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

由 pbakaus

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

Claude Codex Code(CC)
安装
📦

frontend-design

安全 73

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

由 pbakaus

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

Claude Codex Code(CC)
安装
📦

extract

安全 71

提取设计系统组件

由 pbakaus

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

Claude Codex Code(CC)
安装

distill

安全 69

简化设计,提炼其本质

由 pbakaus

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

Claude Codex Code(CC)
安装
📦

delight

安全 71

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

由 pbakaus

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

Claude Codex Code(CC)
安装
🎨

critique

安全 67

设计评审

由 pbakaus

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

Claude Codex Code(CC)
安装
🎨

colorize

安全 70

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

由 pbakaus

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

Claude Codex Code(CC)
安装
📦

clarify

安全 71

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

由 pbakaus

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

Claude Codex Code(CC)
安装
🎨

bolder

安全 71

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

由 pbakaus

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

Claude Codex Code(CC)
安装
📦

audit

安全 70

审计���面质量

由 pbakaus

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

Claude Codex Code(CC)
安装
📐

arrange

安全 70

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

由 pbakaus

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

Claude Codex Code(CC)
安装

animate

安全 69

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

由 pbakaus

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

Claude Codex Code(CC)
安装
📦

adapt

安全 70

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

由 pbakaus

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

Claude Codex Code(CC)
安装
📦

payload

安全 71

构建 Payload CMS 应用程序

由 payloadcms

使用 Payload CMS 创建后端 API 和管理面板需要了解集合、字段、钩子和访问控制模式。本技能提供全面的文档和代码示例,帮助使用 TypeScript 优先模式构建 CMS 应用程序,并集成 Next.js。

Claude Codex Code(CC)
安装
📦

liquid-glass

安全 70

为 SwiftUI 应用添加液态玻璃效果

由 patrickserrano

构建现代 iOS 界面需要实现高级视觉效果。本技能提供使用 iOS 26+ 液态玻璃 API 在 SwiftUI 中创建模糊、反射和交互式玻璃表面的指南和代码示例。

Claude Codex Code(CC)
安装
📱

app-store-screenshots

安全 70

使用 Claude 生成 App Store 截图

由 ParthJadhav

创建专业的 App Store 截图既繁琐又耗时。此技能使用 Next.js 和 html-to-image 生成符合 Apple 要求分辨率的营销优化型 iOS 截图。

Claude Codex Code(CC)
安装
📋

planning-with-files

安全 70

使用持久化 markdown 文件组织复杂 AI 任务

由 OthmanAdi

随着上下文信息的增长,复杂的 AI 任务容易失去焦点。本技能提供使用持久化 markdown 文件作为外部记忆的工作流模式。在长时间任务执行过程中,目标保持可见,进度得到跟踪。

Claude Codex Code(CC)
安装
🎨

mulerouter

安全 80

使用 MuleRouter 生成 AI 图片和视频

由 openmule

创建专业的 AI 生成媒体需要复杂的 API 集成和模型管理。MuleRouter 技能通过提供统一的界面来简化这一过程,使用最先进的 AI 模型生成图片和视频。

Claude Codex Code(CC)
安装
💡

openhue

安全 70

使用 Claude Code 控制 Philips Hue 灯光

由 aiskillstore

通过自然语言命令管理您的 Philips Hue 灯光和场景。此技能将 OpenHue CLI 与 Claude Code 集成,无需离开终端即可控制智能家居照明。

Claude Codex Code(CC)
安装