← 返回 Skills 市场
14331
总下载
20
收藏
0
当前安装
3
版本数
在 OpenClaw 中安装
/install frontend
功能描述
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
安全使用建议
Review this skill before installing if your agent may execute setup commands automatically. The design guidance is low risk, but use a pinned and reviewed shadcn version, run package setup only in projects you trust, and expect those commands to modify local files and potentially use the network.
功能分析
Type: OpenClaw Skill
Name: frontend
Version: 1.0.2
The skill bundle provides read-only guidance and code examples for frontend design, explicitly stating in `SKILL.md` that it 'NEVER makes network requests, accesses user data, or stores any information' and `requires` no external `bins`. All other `.md` files contain only documentation and illustrative code snippets for frontend development, with no executable commands, network calls, or file system operations. There is no evidence of prompt injection, data exfiltration, malicious execution, or persistence mechanisms.
能力评估
Credentials
The package says the skill never makes network requests and is read-only guidance, but the documented setup commands may access the network and modify a project when followed.
Install Mechanism
stack.md instructs use of `npx shadcn@latest init` and `npx shadcn@latest add ...`, which can download and execute the current npm package version rather than a reviewed pinned version.
Instruction Scope
The activation language is broad but still centered on web UI work; I did not find prompt hijacking, hidden role changes, data collection, or unrelated task instructions.
Persistence & Privilege
I found no scripts, background workers, credential handling, persistent memory writes, services, scheduled tasks, or privilege escalation instructions in the artifact.
Purpose & Capability
The skill's stated purpose is frontend UI guidance for React, Next.js, Tailwind, and related tooling, which matches the included design, mobile, typography, color, animation, and stack files.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install frontend - 安装完成后，直接呼叫该 Skill 的名称或使用
/frontend触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.2
Renamed to better reflect design-focused capabilities and guidance.
v1.0.1
Expanded with technical guides for stack, typography, colors, mobile patterns, and animation. Added examples and implementation checklist.
v1.0.0
Initial release
元数据
常见问题
Frontend Design 是什么？
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 14331 次。
如何安装 Frontend Design？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install frontend」即可一键安装，无需额外配置。
Frontend Design 是免费的吗？
是的，Frontend Design 完全免费（开源免费），可自由下载、安装和使用。
Frontend Design 支持哪些平台？
Frontend Design 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（linux, darwin, win32）。
谁开发了 Frontend Design？
由 Iván（@ivangdavila）开发并维护，当前版本 v1.0.2。
推荐 Skills