frontend-design

Builds polished interfaces with intentional typography, color systems, and memorable composition. Designed for teams that care about visual craft and production readiness.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars

282,955

Hot score

Updated

March 16, 2026

Overall rating

S9.4

Composite score

9.7

Best-practice grade

A91.2

Install command

npx @skill-hub/cli install frontend-design

reactuidesign-systemlanding-page

Repository

openclaw/frontend-design

Skill path: skills/frontend-design

A production-grade frontend design skill for bold interfaces, polished landing pages, and premium product marketing surfaces.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Frontend, Full Stack, Data / AI, Designer.

Target audience: Frontend developers and design-minded product teams who want memorable interfaces without generic AI SaaS patterns..

License: MIT.

Original source

Catalog source: OpenClaw.

Repository owner: openclaw.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

Designing standout marketing homepages
Improving a weak hero section
Refining interaction-heavy React components

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 17.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
name: frontend-design
description: Create distinctive, production-grade frontend interfaces with high design quality.
license: MIT
---

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.