by Ilm-Alan · Claude Skill · ★ 21
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. Install Claude Code Codex Gemini CLI Enable experimental skills in : Then: Verify with . How it works Each anchor locks specific palette, typefaces, and texture tokens. Picking an anchor commits to those tokens, not to a vibe. Before any code, the skill asks for: An anchor, picked with a bias toward unexpected pairings. A memorable anchor-internal move. CSS that matches the chosen anchor's tokens.
| Stars | 21 |
| Forks | 1 |
| Category | Claude Skill |
| License | MIT |
| Quality Score | 66.0157991867281/100 |
| Last Updated | 2026-05-02 |
| Created | 2026-01-11 |
| Platforms | claude-code, cli, codex, gemini |
| Est. Tokens | ~11k |
These tools work well together with frontend-design for enhanced workflows:
Explore other popular claude skill tools:
frontend-design is 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.. It is categorized as a Claude Skill with 21 GitHub stars.
You can find installation instructions and usage details in the frontend-design GitHub repository at github.com/Ilm-Alan/frontend-design. The project has 21 stars and 1 forks, indicating an active community.
frontend-design is released under the MIT license, making it free to use and modify according to the license terms.