← 返回 Skills 市场
Frontend Design
作者
michaelmonetized
· GitHub ↗
· v0.1.0
26014
总下载
69
收藏
181
当前安装
1
版本数
在 OpenClaw 中安装
/install frontend-design-3
功能描述
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
安全使用建议
Reasonable to install if you want stronger frontend design guidance. It may influence generated UI toward bold, distinctive aesthetics, so review produced code for maintainability, accessibility, and consistency with your project before shipping.
功能分析
Type: OpenClaw Skill
Name: frontend-design-3
Version: 0.1.0
The skill bundle is benign. The `SKILL.md` file provides detailed instructions for an AI agent to generate high-quality, distinctive frontend designs, focusing on aesthetic guidelines and anti-patterns. There are no instructions for data exfiltration, unauthorized command execution, network calls, persistence mechanisms, or any form of prompt injection aimed at subverting the agent's security or intended function. All content is aligned with the stated purpose of creating creative frontend interfaces.
能力评估
Purpose & Capability
The skill's stated purpose is frontend interface design, and the artifact only gives guidance on typography, color, motion, layout, visual details, and implementation quality.
Instruction Scope
The instructions are stylistic and quality-focused; they do not ask the agent to bypass user control, conceal behavior, run unrelated commands, access private data, or override security boundaries.
Install Mechanism
The bundle contains a single non-executable SKILL.md file with no scripts, install hooks, dependencies, package commands, or runtime setup.
Credentials
No credentials, environment variables, network services, local profile stores, file indexing, or external data flows are requested.
Persistence & Privilege
No persistence, background workers, privilege escalation, destructive actions, account authority, or high-impact mutation capabilities are present.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install frontend-design-3 - 安装完成后，直接呼叫该 Skill 的名称或使用
/frontend-design-3触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v0.1.0
Initial release of frontend-design skill focused on distinctive, production-grade frontend interfaces.
- Provides detailed design principles to avoid generic "AI slop" aesthetics.
- Outlines process for context-driven, bold conceptual direction.
- Specifies typography, color, motion, layout, and visual detail guidelines for memorable designs.
- Clearly lists anti-patterns to avoid common, uninspired choices.
- Sets high standards for code quality, creativity, and visual impact in every output.
元数据
常见问题
Frontend Design 是什么？
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 26014 次。
如何安装 Frontend Design？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install frontend-design-3」即可一键安装，无需额外配置。
Frontend Design 是免费的吗？
是的，Frontend Design 完全免费（开源免费），可自由下载、安装和使用。
Frontend Design 支持哪些平台？
Frontend Design 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Frontend Design？
由 michaelmonetized（@michaelmonetized）开发并维护，当前版本 v0.1.0。
推荐 Skills