Frontend Design (Ilm-Alan) skill
frontend-design
A frontend design skill with eight aesthetic anchors: each fixes palette, type and texture in CSS tokens. A separate project, not from Anthropic
- 134 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The name matches Anthropic's skill, the project is third-party
- The eight anchors are set by the author
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/frontend-designDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The name matches Anthropic's skill, the project is third-party
- The eight anchors are set by the author
This is third-party code. Review the repository files before installing.
What it does
Frontend Design by Ilm-Alan is a skill for Claude Code, Codex and Gemini CLI. It has eight aesthetic anchors and each fixes palette, typography and texture in specific CSS tokens, with one anchor picked per task. Installation by cloning into the agent's skills folder: `git clone https://github.com/Ilm-Alan/frontend-design.git ~/.claude/skills/frontend-design`, with their own folders for Codex and Gemini CLI. It is a separate project with the same name as Anthropic's skill and is not affiliated with Anthropic. MIT license.
Who it is for. For developers who need a choice of several kept styles so that landing pages and interfaces from an agent are different.
Good fit when
- You need an aesthetic choice with CSS tokens per task
- You need different styles instead of the same AI look
- You need a skill for Claude Code, Codex or Gemini CLI
Not a fit when
- You need Anthropic's official skill: this is a different project
- You need styles beyond the eight anchors
Example request
Build a landing page for a massage booking service in the style of the chosen anchor and show the tokensLimitations
The name matches Anthropic's skill but the project is third-party and not affiliated with Anthropic. The eight anchors are set by the author and the result is judged by eye. Access is minimal.
How to disable. Remove the skill from the agent's folder or the plugin through the plugin manager.
FAQ
What is an anchor?
A fixed set of palette, typography and texture in CSS tokens, one per task.
Is this Anthropic's skill?
No, it is a separate project with the same name.
For which agents?
For Claude Code, Codex and Gemini CLI.
Discussion
No questions or reviews yet.
Related
SkillsA web-design skill for Claude Code: a DESIGN.md spec first, then code that follows it
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
Skills against boilerplate-looking UIs: layout, type, motion and spacing, plus reference image generation for web and mobile
Interface Design
interface-design
Design engineering for Claude Code: craft, memory and consistency of product interfaces, dashboards and apps. Not for marketing sites
A design skill against templated AI interfaces: new pages, audits, redesigns and design extraction from a screenshot or URL
Comparison with similar tools
Entries that share the main search query, and how they differ.
| Entry | Official | Repository stars | Main difference |
|---|---|---|---|
| Frontend Design (Ilm-Alan) (this entry) | no | 134 | |
| Design for AI | no | 308 | a visual design vocabulary, no license |
| Refactoring UI Skill | no | 598 | rules of the book: scales, hierarchy, contrast |
| Interface Design | no | 5,789 | a memory of decisions and consistency of product interfaces |
README in short
The README describes a frontend design skill with eight aesthetic anchors and installation by cloning. MIT license.