frontend-design

Name: frontend-design
Author: mitsuhiko

✓

mitsuhiko/agent-commandsGitHub: mitsuhiko/agent-commands 来源: mitsuhiko/agent-commands

设计并实现具有强烈审美方向的独特、可立即投入生产的前端界面。当要求创建或重新设计网页、组件或应用程序（HTML/CSS/JS、React、Vue 等）时使用。

mitsuhiko·frontend·design

15安装·1热度·@mitsuhiko

安装

GitHub: mitsuhiko/agent-commands

$npx skills add https://github.com/mitsuhiko/agent-commands --skill frontend-design

如何安装 frontend-design

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

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

来源：mitsuhiko/agent-commands。

SKILL.md

查看原文

Design and implement memorable frontend interfaces with a clear, intentional aesthetic. The output must be real, working code — not just mood boards. This skill is about design thinking + execution: every visual choice should be rooted in purpose and context.

If the user did not provide this, ask 2–4 targeted questions, or state reasonable assumptions in a short preface.

Commit to a single, bold aesthetic direction. Name it and execute it consistently. Examples:

设计并实现具有强烈审美方向的独特、可立即投入生产的前端界面。当要求创建或重新设计网页、组件或应用程序（HTML/CSS/JS、React、Vue 等）时使用。来源：mitsuhiko/agent-commands。

可引用信息

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

安装命令: npx skills add https://github.com/mitsuhiko/agent-commands --skill frontend-design
来源: mitsuhiko/agent-commands
分类: </>开发工具
认证: ✓
收录时间: 2026-02-22
更新时间: 2026-03-11
链接: https://www.learn-skills.dev/zh/skills/mitsuhiko/agent-commands/frontend-design

Browse more skills from mitsuhiko/agent-commands

快速解答

什么是 frontend-design？

如何安装 frontend-design？

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

这个 Skill 的源码在哪？

https://github.com/mitsuhiko/agent-commands

详情

分类: </>开发工具
来源: skills.sh
收录时间: 2026-02-22