frontend-design

Name: frontend-design
Rating: 1.1 (1 reviews)
Author: YYH211

21.6

Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generates creative, polished code and UI designs that avoid mediocre AI aesthetics.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install YYH211/Claude-meta-skill/frontend-design

OpenCode (CLI) Fast

skilz install YYH211/Claude-meta-skill/frontend-design --agent opencode

OpenAI Codex (CLI) Native

skilz install YYH211/Claude-meta-skill/frontend-design --agent codex

Gemini CLI (Project) Project

skilz install YYH211/Claude-meta-skill/frontend-design --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/YYH211/Claude-meta-skill

2. Copy the agent skill directory:

cp -r Claude-meta-skill/frontend-design ~/.claude/skills/

View on GitHub

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

bencium-innovative-ux-designer

by bencium

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, o...

general› frontend grade

frontend-design

by kntism

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, o...

general› frontend grade

CommandsMarketplace

frontend-design

by davila7

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, o...

general› frontend grade

CommandsMarketplace

frontend-design

by dobeutech

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, a...

general› frontend grade

Marketplace

Agentic Skill Details

Owner: YYH211 (GitHub)
Repository: Claude-meta-skill
Type: Non-Technical
Meta-Domain: general
Primary Domain: general
Sub-Domain: frontend grade
Market Score: 21.6

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?