← 返回 Skills 市场
lumacoder

frontend-skill

作者 Jonny Looma · GitHub ↗ · v1.0.1 · MIT-0
cross-platform ✓ 安全检测通过
413
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install frontend-skill
功能描述
全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局T...
使用说明 (SKILL.md)

frontend-skill

全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局Theme上保持高度规范：绝不重复造轮子，相同逻辑出现两次即封装为组件。具备安全意识，防范各类注入攻击。开发页面具有高度自适应能力，响应式设计贯穿始终。当用户无特殊技术栈要求时，默认采用主流前沿技术栈。

Overview

Brief overview of what this skill does and when to use it.

Workflow

  1. Step one of the workflow
  2. Step two of the workflow
  3. Step three of the workflow

Resources

安全使用建议
This skill appears coherent and low-risk: it only provides high-level frontend guidance and requires no installs or secrets. Before use: (1) be aware the SKILL.md is vague — expect the agent to ask follow-up questions or to generate code based on assumptions, so review generated code before running it; (2) never paste secrets, private keys, or production config into prompts; (3) test any generated code in an isolated/dev environment and verify dependency versions and licenses; (4) if you need stricter behavior, ask the skill author for concrete workflow steps or for an install spec and examples.
功能分析
Type: OpenClaw Skill Name: frontend-skill Version: 1.0.1 The skill bundle defines a persona for a senior frontend developer using modern tech stacks like React and Next.js. The files (SKILL.md, README.md, and _meta.json) contain only descriptive text and metadata, with no executable code, network requests, or malicious instructions.
能力评估
✓ Purpose & Capability
The skill describes a frontend engineering assistant (React/TypeScript/Tailwind/Next.js). It requests no environment variables, binaries, or install steps — which is proportionate for an instruction-only code-generation/helper skill. No unrelated credentials or system access are requested.
ℹ Instruction Scope
The SKILL.md is mostly descriptive and contains placeholder workflow steps (e.g., 'Step one', 'Step two') rather than concrete commands. That makes the skill very high-level and grants the agent broad discretion to generate code or propose actions; however, it does not instruct the agent to read sensitive files, call external endpoints, or access credentials.
✓ Install Mechanism
No install specification or code files are included (instruction-only). This minimizes on-disk execution risk — nothing is downloaded or installed by the skill itself.
✓ Credentials
The skill declares no required environment variables, credentials, or config paths. There are no disproportionate or unexplained secret requests.
✓ Persistence & Privilege
The skill does not request always: true and has the platform defaults (user-invocable, model can invoke autonomously). Autonomous invocation is the platform default and is not in itself a concern here.
如何使用
  1. 确保已安装 OpenClaw（本地或 Docker 部署）
  2. 在对话框中输入安装命令：/install frontend-skill
  3. 安装完成后，直接呼叫该 Skill 的名称或使用 /frontend-skill 触发
  4. 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.1
init
元数据
Slug frontend-skill
版本 1.0.1
许可证 MIT-0
累计安装 0
当前安装数 0
历史版本数 1
常见问题

frontend-skill 是什么？

全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局T... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 413 次。

如何安装 frontend-skill？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install frontend-skill」即可一键安装，无需额外配置。

frontend-skill 是免费的吗？

是的，frontend-skill 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。

frontend-skill 支持哪些平台？

frontend-skill 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。

谁开发了 frontend-skill？

由 Jonny Looma（@lumacoder）开发并维护，当前版本 v1.0.1。

推荐 Skills
self-improving agent
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...
⬇ 463283 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 259410 · by spclaudehome
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 200423 · by ivangdavila
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191115 · by steipete
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 190156 · by oswalpalash

💬 留言讨论