frontend-design

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

22.4

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.

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 AnswerZhao/agent-skills/frontend-design

OpenCode (CLI) Fast

skilz install AnswerZhao/agent-skills/frontend-design --agent opencode

OpenAI Codex (CLI) Native

skilz install AnswerZhao/agent-skills/frontend-design --agent codex

Gemini CLI (Project) Project

skilz install AnswerZhao/agent-skills/frontend-design --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding agents

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/AnswerZhao/agent-skills

2. Copy the agent skill directory:

cp -r agent-skills/glm-skills/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

tailwind-shadcn-setup

by vanman2024

Setup Tailwind CSS and shadcn/ui component library for Next.js projects. Use when configuring Tailwind CSS, installing shadcn/ui, setting up design to...

TECHjavascript

Marketplace

+github+json

spanish-language-tutor

by sandraschi

Comprehensive Spanish language expert covering grammar, conversation, regional dialects, and language learning strategies

javascript

+github

frontend-dev-guidelines

by diet103

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organizati...

TECHjavascript

torch-geometric

by davila7

Graph Neural Networks (PyG). Node/graph classification, link prediction, GCN, GAT, GraphSAGE, heterogeneous graphs, molecular property prediction, for...

TECHjavascript

Marketplace

+machine learning

Agentic Skill Details

Owner: AnswerZhao (GitHub)
Repository: agent-skills
Type: Technical
Meta-Domain: development
Primary Domain: javascript
Market Score: 22.4

Agentic Skill Grades →

Browse Category

More development Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?