frontend-design

Create production-grade React landing pages with accessible markup and responsive layouts.

790|60|Updated Dec 17, 2025

One-click install

npx skills add https://github.com/AgentWorkforce/relay --skill frontend-design-agentworkforce

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/AgentWorkforce/relay/tree/main/.openskills/frontend-design
Command: npx skills add https://github.com/AgentWorkforce/relay --skill frontend-design-agentworkforce

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides the creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. It emphasizes working, polished code with exceptional attention to aesthetic details and creative choices.

Core Features & Use Cases

Bold, purposeful aesthetics: Define a consistent design direction and apply it across components.
Polished, accessible UI: Generate accessible markup, responsive layouts, and maintainable CSS.
Use Case: When asked to build a landing page or web app with a unique visual identity, this Skill ensures the implementation meets design standards.

Quick Start

Provide Claude with a request like: "Create a production-grade React landing page with a bold visual identity, accessible typography, and a reusable component set."