ClawHub

Frontend Design

v0.1.0

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

⭐ 6· 2k·1 current·1 all-time
by@ahump20
MIT-0
Download zip
LicenseMIT-0 · Free to use, modify, and redistribute. No attribution required.
Security Scan
VirusTotalVirusTotal
Benign
View report →
OpenClawOpenClaw
Benign
high confidence
✓
Purpose & Capability
Name and description promise production-grade frontend design and the SKILL.md contains detailed design and implementation guidance for HTML/CSS/JS/React/etc. There are no unrelated environment variables, binaries, or config paths requested, so the declared needs are proportional to the stated purpose.
✓
Instruction Scope
The SKILL.md is purely prescriptive design and coding guidance (design thinking, typography, motion, layout, backgrounds). It does not instruct the agent to read local files, access credentials, post data to external endpoints, or run system commands. No scope creep observed.
✓
Install Mechanism
No install spec or code files beyond SKILL.md and LICENSE.txt. Being instruction-only means nothing is written to disk or downloaded by the skill itself. This is the lowest-risk install profile.
✓
Credentials
The skill requests no environment variables, credentials, or config paths. There are no unexpected secrets requested and nothing in the instructions references hidden env vars or unrelated services.
✓
Persistence & Privilege
Flags show always:false and normal user-invocable/autonomous behavior. The skill does not request permanent presence or elevated privileges, nor does it modify other skills or system-wide settings.
Assessment
This skill is instruction-only and internally consistent with its stated purpose. Before using generated code in production: review and test the output for security and accessibility issues, check any external assets (fonts, images, CDNs) for licensing and privacy implications, and avoid blindly running third-party build or install commands the agent might suggest. If you plan to use specific web fonts or third-party JS libraries, confirm their licenses and origins and prefer well-known CDNs or self-hosting to reduce risk.

Like a lobster shell, security has layers — review code before you run it.

latestvk97cg1n5b2bbpxvmqn2tee14t980c74y

License

MIT-0
Free to use, modify, and redistribute. No attribution required.
Termshttps://spdx.org/licenses/MIT-0.html

Comments