← 返回 Skills 市场
frontend-design-pro
作者
TobeyRebecca
· GitHub ↗
· v1.0.0
· MIT-0
48
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install toby-frontend-design-pro
功能描述
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Gener...
安全使用建议
This skill appears coherent and safe from a permissions perspective, but generated frontend code should still be reviewed before use: check for embedded third-party CDN URLs, font license requirements, included npm packages, or runtime network calls before running in production. If the agent suggests installing packages or fetching assets, verify sources (prefer official registries or well-known CDNs) and review generated code in a sandboxed environment. If you need the skill to fetch or build assets automatically, expect to provide explicit build instructions or credentials — review those requests carefully.
功能分析
Type: OpenClaw Skill
Name: toby-frontend-design-pro
Version: 1.0.0
The skill bundle 'toby-frontend-design-pro' is a set of stylistic instructions designed to guide an AI agent in generating high-quality, non-generic frontend code. The content in SKILL.md focuses entirely on design principles such as typography, spatial composition, and motion, without any evidence of malicious intent, data exfiltration, or harmful prompt injection. There are no suspicious code execution patterns or unauthorized network requests.
能力评估
Purpose & Capability
The name/description (frontend design, production-grade UI code) matches the SKILL.md content: design guidance and a requirement to produce working HTML/CSS/JS or framework code. No unrelated credentials, binaries, or config paths are requested.
Instruction Scope
Runtime instructions are limited to design decisions and producing frontend code. They do not instruct reading system files, environment variables, or sending data to external endpoints. The doc mentions libraries (Motion) and fonts generically but does not instruct the agent to fetch secrets or access unrelated system state.
Install Mechanism
No install spec or code files are present (instruction-only). Nothing will be written to disk or downloaded by the skill itself as part of an installation step.
Credentials
The skill declares no required environment variables, credentials, or config paths. The guidance does not reference secrets or external API keys. This is proportionate for a design/code-generation skill.
Persistence & Privilege
The skill does not request always:true and does not modify system or other-skill configuration. It has normal, user-invocable/autonomous-invocation defaults with no elevated persistence.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install toby-frontend-design-pro - 安装完成后，直接呼叫该 Skill 的名称或使用
/toby-frontend-design-pro触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
- Initial release of the "frontend-design" skill.
- Enables creation of distinctive, production-grade frontend interfaces with a strong emphasis on creative, non-generic design.
- Encourages bold aesthetic choices and meticulous attention to typography, color, motion, layout, and visual detail.
- Explicitly avoids overused fonts, tired color schemes, predictable layouts, and common AI generational patterns.
- Output requirements specify working, production-ready code that is visually memorable and aesthetically refined.
元数据
常见问题
frontend-design-pro 是什么？
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Gener... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 48 次。
如何安装 frontend-design-pro？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install toby-frontend-design-pro」即可一键安装，无需额外配置。
frontend-design-pro 是免费的吗？
是的，frontend-design-pro 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
frontend-design-pro 支持哪些平台？
frontend-design-pro 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 frontend-design-pro？
由 TobeyRebecca（@tobeyrebecca）开发并维护，当前版本 v1.0.0。
推荐 Skills