home/categories/sales-marketing/mumerrazzaq-claude-code-skills-lab-claude-skills-frontend-design-skill-md
sales-marketingbusiness

frontend-design

Create production-grade frontend interfaces with systematic UI/UX design. Use when building web components, pages, or applications. Covers design systems, component states, accessibility (WCAG 2.2), responsive design, and industry conventions. Evaluates existing UI against best practices. Forces design thinking before implementation. Generates distinctive code avoiding generic AI aesthetics while following UX principles.

MUmerRazzaq
maintainer
MUmerRazzaq
Updated 1/7/2026
Stars
0
Forks
0
quick start

Installation and usage

Create production-grade frontend interfaces with systematic UI/UX design. Use when building web components, pages, or applications. Covers design systems, component states, accessibility (WCAG 2.2), responsive design, and industry conventions. Evaluates existing UI against best practices. Forces design thinking before implementation. Generates distinctive code avoiding generic AI aesthetics while following UX principles.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use frontend-design