← All skills

hero-ui-craft

75 / 100 · Review before installing

Check before installing.

By hashgraph-online/awesome-codex-plugins (GitHub) · design · 1,563 stars · scanned at commit 6d2e63f

Use when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React v3 setup, shadcn-to-HeroUI migration, or any task that should use HeroUI. Enforces official HeroUI context, Pencil/Figma component-detail visual approval before coding, HeroUI component selection, and final visual/accessibility verification.

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

• 82 Low riskcrafteduclopez/ui-craft · 452 stars
• 90 Low riskinterface-craftInnei/ryugi · 401 stars
• 100 Low riskui-component-craftpolubis/gon-stack · 41 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'hero-ui-craft' ] || [ -L ~/.agents/skills/'hero-ui-craft' ]; then echo 'A skill folder named hero-ui-craft already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/hashgraph-online/awesome-codex-plugins' "$d" && git -C "$d" checkout --quiet '6d2e63f73f845eb5dd94c1debba627d4b6e32fba' -- 'plugins/kevin592/codex-full-stack-workflow/skills/hero-ui-craft' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/kevin592/codex-full-stack-workflow/skills/hero-ui-craft' ~/.agents/skills/'hero-ui-craft' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'hero-ui-craft' ~/.claude/skills/'hero-ui-craft' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for hashgraph-online/awesome-codex-plugins shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/hashgraph-online/awesome-codex-plugins.svg)](https://zalavijaysinh.github.io/skilltrust/repos/hashgraph-online/awesome-codex-plugins/)

Score history