Updated 2w ago
by Ilm-Alan
frontend-design
Frontend design skill for Claude Code, Codex, and Gemini CLI. Eight aesthetic anchors, each locking palette, typography, and texture to specific CSS tokens. Pick one per brief.
141 GitHub stars (141)
+14 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | 0 |
| Sep 28 | 0 |
| Sep 29 | 0 |
| Sep 30 | +2 |
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | +1 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | +2 |
| Oct 10 | 0 |
| Oct 11 | +1 |
| Oct 12 | +1 |
| Oct 13 | +3 |
| Oct 14 | +2 |
| Oct 15 | 0 |
| Oct 16 | +2 |
- 1 skill (1 skills found in its SKILL.md files)
- 21 forks (21 forks)
- 2w ago last update (Last updated 2w ago)
Install
Skills CLI
npx skills add Ilm-Alan/frontend-design
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/Ilm-Alan/frontend-designcp -r "frontend-design" ~/.claude/skills/frontend-design
Copies the frontend-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add Ilm-Alan/frontend-design
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
frontend-design
Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend.
SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.