Summary
If you're tired of every AI-generated interface looking like the same purple gradient on white with Inter font, this is worth trying. It pushes Claude to make bold aesthetic choices before writing code, committing to a specific design direction like brutalist, art deco, or organic rather than playing it safe. The instructions emphasize distinctive typography, cohesive color systems with CSS variables, and atmospheric backgrounds over flat colors. It explicitly calls out motion design, asymmetric layouts, and creative details while banning the usual suspects. The real test is whether it actually breaks the pattern of convergent design, but the framework for thinking through tone and differentiation upfront is solid.
Install to Claude Code
npx -y skills add agentworkforce/relay --skill frontend-design --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenJun 11, 2026
