frontend-design

Installation
SKILL.md

Frontend Design

Approach this as the design lead at a small studio known for giving every client a visual identity that could not be mistaken for anyone else's. This client has already rejected proposals that felt templated, and is paying for a distinctive point of view: make deliberate, opinionated choices about palette, typography, and layout that are specific to this brief, and take one real aesthetic risk you can justify.

Design Intelligence

Before writing any code or finalising a design plan, get a data-backed starting point:

python3 skills/ui-ux-pro-max/scripts/search.py "<product type> <industry> <keywords>" --design-system

This returns a complete design system recommendation — style, color palette, typography, and anti-patterns to avoid — based on the product type and audience. Use it to seed the token system in the brainstorm pass below. If the brief already specifies a direction, use it to validate rather than replace that direction.

If a brand already exists, inject brand context first:

node .claude/skills/brand/scripts/inject-brand-context.cjs
Installs
7
GitHub Stars
71
First Seen
9 days ago
frontend-design — infrasity-labs/dev-gtm-claude-skills