frontend-design

Designs frontend interfaces with MYCURE branding, WCAG-compliant contrast, and CSS-first animations.

Updated Aug 23, 2026

Search Tags:#typography #design #accessibility #frontend #color #ux

One-click install

npx skills add https://github.com/mycurelabs/easyjoey_com --skill frontend-design-mycurelabs

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/mycurelabs/easyjoey_com/tree/main/.claude/skills/_frontend/frontend-design
Command: npx skills add https://github.com/mycurelabs/easyjoey_com --skill frontend-design-mycurelabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics, while aligning with MYCURE branding and healthcare accessibility standards.

Core Features & Use Cases

Typography systems: Purposeful font choices that convey character and improve readability.
Color systems: Narrative-driven CSS variables for coherent theming.
Motion & accessibility: CSS-first animations with WCAG-conscious timing.
Brand alignment: MYCURE-specific design guidelines and real-world examples.

Quick Start

Design a patient portal homepage using JetBrains Mono for headings, IBM Plex Sans for body text, and a clinical blue palette. Ensure WCAG-compliant contrast and accessible components.