← Back to Skills Marketplace
lumacoder

frontend-skill

by Jonny Looma · GitHub ↗ · v1.0.1 · MIT-0
cross-platform ✓ Security Clean
413
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install frontend-skill
Description
全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局T...
README (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

Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
✓ 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.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install frontend-skill
  3. After installation, invoke the skill by name or use /frontend-skill
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.1
init
Metadata
Slug frontend-skill
Version 1.0.1
License MIT-0
All-time Installs 0
Active Installs 0
Total Versions 1
Frequently Asked Questions

What is frontend-skill?

全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交互特效、全局T... It is an AI Agent Skill for Claude Code / OpenClaw, with 413 downloads so far.

How do I install frontend-skill?

Run "/install frontend-skill" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is frontend-skill free?

Yes, frontend-skill is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does frontend-skill support?

frontend-skill is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created frontend-skill?

It is built and maintained by Jonny Looma (@lumacoder); the current version is v1.0.1.

More 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

💬 Comments