← 返回 Skills 市场
183
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install openpecha-frontend-skill
功能描述
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or appli...
安全使用建议
This skill appears coherent and low-risk: it only provides instructions for creating frontend designs and generating code. Before using generated code in production, review it for external resource references (CDNs, fonts, images, analytics), license issues, and security best practices (avoid inline eval, check CSP, sanitize inputs). If you plan to supply private site code or credentials to the agent for 'review' or 'normalization', avoid sending secrets and instead provide minimal, redacted examples. If you want extra assurance, run the generated code in an isolated environment and audit network requests the app makes.
功能分析
Type: OpenClaw Skill
Name: openpecha-frontend-skill
Version: 1.0.0
The skill bundle contains instructions for an AI agent to generate high-quality, aesthetically unique frontend designs and ensure content consistency across web pages. The instructions in SKILL.md and CONSISTENT_DESIGN.md focus entirely on design principles, typography, and content research, with no evidence of malicious intent, data exfiltration, or unauthorized system access.
能力评估
Purpose & Capability
Name, description, and SKILL.md all describe producing production-grade frontend code and design; there are no unexpected env vars, binaries, or install steps required that would be out-of-scope for a frontend skill.
Instruction Scope
Instructions ask the agent to research, choose bold aesthetics, and implement working HTML/CSS/JS/React/Vue code. This is appropriate for the stated purpose, but the guidance is broad and grants creative discretion (e.g., pulling fonts, animations, or assets from the web). Users should review any external resources (CDNs, fonts, images) the generated code references.
Install Mechanism
No install spec and no code files beyond instruction docs — lowest-risk model. Nothing is written or downloaded by the skill itself.
Credentials
The skill requests no environment variables, credentials, or config paths. Required access is proportional to a design/code generation skill.
Persistence & Privilege
No elevated persistence or always-enabled setting. Autonomous invocation is allowed (platform default) but not combined with other concerning privileges.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install openpecha-frontend-skill - 安装完成后，直接呼叫该 Skill 的名称或使用
/openpecha-frontend-skill触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
- Major skill refocus: transitioned from a full-stack/TypeScript-next-supabase-GraphQL technical skill to a dedicated, high-impact frontend design skill.
- Added new design philosophy prioritizing bold, memorable aesthetics and extreme intentionality—avoid all generic AI-style UI.
- Emphasized unique typography, committed color themes, strong spatial composition, and rich visual details.
- Outlined guidelines for creative motion and animation, layered backgrounds, and non-generic fonts/colors/layouts.
- Replaced previous backend and architectural conventions with frontend-focused creative and technical direction.
- Removed prior documentation and backend/API/infra guidance. Added new frontend design consistency doc.
元数据
常见问题
Openpecha frontend skill 是什么？
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or appli... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 183 次。
如何安装 Openpecha frontend skill？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install openpecha-frontend-skill」即可一键安装，无需额外配置。
Openpecha frontend skill 是免费的吗？
是的，Openpecha frontend skill 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Openpecha frontend skill 支持哪些平台？
Openpecha frontend skill 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Openpecha frontend skill？
由 tenkus47（@tenkus47）开发并维护，当前版本 v1.0.0。
推荐 Skills