Favicon of frontend-design

frontend-design Skill

AI Agent SkillDesign & MediaOpen source

frontend-design is a open-source AI agent skill for Codex with git clone. 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.

How to use frontend-design Skill

Install or run

git clone https://github.com/Ilm-Alan/frontend-design.git ~/.claude/skills/frontend-design

Compatible clients

Codex

What is frontend-design Skill?

frontend-design is a open-source AI agent skill for Codex with git clone. 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. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.

Trust signal
85/100
Maintenance signal
80/100
Adoption signal
44/100

Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.

Key capabilities

  • Reusable instructions support
  • Includes SKILL.md support
  • Shell commands support
  • Browser use support
  • Anthropic provider support
  • Google provider support
  • SKILL.md config support

Technical details

Install or run frontend-design using git clone. Check Ilm-Alan/frontend-design for the latest setup command.

git cloneCodex
  • Install or run with git clone
  • Works with Codex
  • API key required
  • Network access

Requirements and access

MIT licenseAPI key requiredNetwork accessAPI key requiredNetwork access

Security and permissions

Review permissions before connecting any MCP server to an agent. Pay special attention to whether it can read local files, write data, call external services, or perform destructive actions.

Destructive actionsNetwork accessCredentials requiredCan write or update dataMay support destructive actionsAPI key required authentication

When to use frontend-design Skill

  • Use it for reusing agent instructions, scripts, and references.
  • Use it for agent skills workflows.
  • Use it for coding workflows.
  • Use it for data workflows.
  • Use it for codex users.

Built with

git cloneCodex

Explore related resources

Frequently asked questions

What is frontend-design?

frontend-design is a open-source AI agent skill for Codex with git clone. 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.

Who is frontend-design best for?

frontend-design is best for reusing agent instructions, scripts, and references, agent skills workflows, coding workflows, data workflows, codex users.

How do I install frontend-design?

Install or run frontend-design using git clone. Check frontend-design for the latest setup command.

Is frontend-design actively maintained?

frontend-design may need a closer maintenance check before production use.

Share:

Stars
58
Forks
11
Last commit
3 months ago
Repository age
6 months
License
MIT

Auto-fetched from GitHub.

Similar to frontend-design