Skills
.Work. You
Rest

uiux-frontend-engineering

Community

Design, implement, and validate polished UIs.

Design & Creative#accessibility#frontend#handoff#tokens#design-system#responsiveness#uiux
Authoroghie
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Streamline front-end design, implementation, and validation by codifying UX best practices into token-driven patterns, accessible interactions, and testable design systems.

Core Features & Use Cases

  • Token-driven design: map tokens from theme/design-system to UI components and interactions.
  • Accessibility and responsive fidelity: ensure semantic HTML, keyboard navigation, proper contrast, and adaptable layouts across devices.
  • Handoff and governance: provide design specs, tokens, components, and validation steps for seamless collaboration between UX, design, and engineering.
  • XR/spatial interface readiness: support 3D/webXR surfaces and embodied UI patterns where applicable.

Quick Start

Design a frontend UI task and I will generate token-driven design, implementation, and validation guidance.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: uiux-frontend-engineering
Download link: https://github.com/oghie/skillsets/archive/main.zip#uiux-frontend-engineering

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.