关于 bencium-ux-designer
面向 Agent 的设计技能，指导创建有辨识度、可用于生产的前端界面，涵盖布局、字体、间距与交互。
主要功能
- 01前端界面设计指导
- 02布局、字体与间距原则
- 03交互设计指导
- 04安装与调用说明
适用场景
- 01设计有辨识度的产品前端
- 02规划界面布局与字体
- 03改进生产级 UI 的交互
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/bencium-ux-designer确认已加载。
附带文件stub.yaml
详细介绍
bencium-ux-designer
目录占位条目 — 完整技能：bencium/bencium-marketplace
决策树
在开展任何需要独特设计品质的前端界面工作之前，先执行以下步骤：
-
是否已安装完整技能？ 检查：
~/.design-agent-skills/skills/bencium-ux-designer/SKILL.md是否存在，且不包含das:区块。- 是 → 调用
bencium-ux-designer并继续 - 否 → 转到步骤 2
- 是 → 调用
-
是否可以访问 Shell？
- 是 → 运行下方的安装命令，然后调用该技能
- 否 → 显示安装命令；在 Claude Code 中，发送一条以
!开头的聊天消息 — 添加-g进行全局安装，或省略该参数以仅安装到项目中
安装命令
npx skills add bencium/bencium-marketplace --skill bencium-innovative-ux-designer
也可以按 Agent 类型安装：
- Claude Code：
claude skills add bencium/bencium-marketplace - Cursor/OpenCode：
npx skills add bencium/bencium-marketplace --skill bencium-innovative-ux-designer
安装后调用
- 技能名称：
bencium-ux-designer - 触发短语：“创新 UX”、“bencium”、“独特 UI”、“生产级前端”
功能
指导创建独具特色、可用于生产环境的前端界面，避免 AI 生成的 UI 中常见的平淡模式。通过对布局、排版、间距和交互进行有原则的设计决策，打造可用于真实产品的原创界面。
评论
支持 Markdown