← Back to Skills Marketplace
12185
Downloads
19
Stars
87
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
Safe to install as a frontend guidance skill. Before running copied setup commands such as npx shadcn@latest, review the package source and project changes, and consider pinning versions for reproducible builds.
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
Purpose & Capability
The artifacts coherently match the stated purpose: frontend guidance for React, Next.js, Tailwind CSS, responsive design, accessibility, typography, color, animation, and examples.
Instruction Scope
Instructions are documentation and code examples; stack.md includes optional user-run npx shadcn@latest setup commands that are purpose-aligned but should be reviewed before execution.
Install Mechanism
The bundle contains only markdown files and metadata declares no required binaries; there is no install script or automatic execution path.
Credentials
No credentials, tokens, account access, local data indexing, broad file access, or user-data handling are requested or evidenced.
Persistence & Privilege
The skill explicitly describes itself as read-only guidance, and inspection found no background workers, persistence, privilege escalation, data collection, or network behavior beyond optional documented tooling commands.
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 12185 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