← Back to Skills Marketplace
14331
Downloads
20
Stars
0
Active Installs
3
Versions
Install in OpenClaw
/install frontend
Description
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install frontend - After installation, invoke the skill by name or use
/frontend - Provide required inputs per the skill's parameter spec and get structured output
Version History
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
Metadata
Frequently Asked Questions
What is Frontend Design?
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI. It is an AI Agent Skill for Claude Code / OpenClaw, with 14331 downloads so far.
How do I install Frontend Design?
Run "/install frontend" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Frontend Design free?
Yes, Frontend Design is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Frontend Design support?
Frontend Design is cross-platform and runs anywhere OpenClaw / Claude Code is available (linux, darwin, win32).
Who created Frontend Design?
It is built and maintained by Iván (@ivangdavila); the current version is v1.0.2.
More Skills