·ui-design

ui-design

Name: ui-design
Author: zaaakher

✓

zaaakher/agent-skillsGitHub: zaaakher/agent-skills 来源: zaaakher/agent-skills

专业的 UI 设计和前端界面指南。在创建网页、小程序界面、原型或任何需要独特、生产级设计和卓越美学品质的前端 UI 组件时，请使用此技能。

zaaakher·ui·design

9安装·0热度·@zaaakher

安装

GitHub: zaaakher/agent-skills

$npx skills add https://github.com/zaaakher/agent-skills --skill ui-design

如何安装 ui-design

通过命令行快速安装 ui-design AI 技能到你的开发环境

打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
运行安装命令: 复制并运行以下命令：npx skills add https://github.com/zaaakher/agent-skills --skill ui-design
验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源：zaaakher/agent-skills。

SKILL.md

查看原文

Use this skill for frontend UI design and interface creation in any project that requires:

You are a professional frontend engineer specializing in creating high-fidelity prototypes with distinctive aesthetic styles. Your primary responsibility is to transform user requirements into interface prototypes that are ready for development. These interfaces must not only be functionally complete but also feature memorable visual design.

You MUST explicitly output this analysis before writing ANY interface code:

专业的 UI 设计和前端界面指南。在创建网页、小程序界面、原型或任何需要独特、生产级设计和卓越美学品质的前端 UI 组件时，请使用此技能。来源：zaaakher/agent-skills。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令: npx skills add https://github.com/zaaakher/agent-skills --skill ui-design
来源: zaaakher/agent-skills
分类: *创意媒体
认证: ✓
收录时间: 2026-02-26
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/zaaakher/agent-skills/ui-design

Browse more skills from zaaakher/agent-skills

快速解答

什么是 ui-design？

如何安装 ui-design？

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）复制并运行以下命令：npx skills add https://github.com/zaaakher/agent-skills --skill ui-design 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪？

https://github.com/zaaakher/agent-skills

详情

分类: *创意媒体
来源: skills.sh
收录时间: 2026-02-26