Skills
.Work. You
Rest

dx

Community

Design & build pixel-perfect UIs.

Design & Creative#accessibility#UI/UX#design system#component design#user flow#frontend spec
Authorelcoosp
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures visual coherence and conversion-optimized user experiences by providing expert guidance on design systems, UI components, user flows, and frontend implementation contracts.

Core Features & Use Cases

  • Design System Creation: Define and maintain a single source of truth for all visual decisions, including design tokens, component libraries, and layout systems.
  • Feature Design & Handoff: Map user flows, design screens with system tokens, annotate interactions, and create detailed handoff specs for developers.
  • UX Audits: Review existing UI for usability, accessibility, and alignment with user personas, providing actionable recommendations.
  • Use Case: When developing a new feature, use this Skill to first define the design system (DX-001), then design the user flow and screens (DX-002), ensuring all components are accessible and implementable by the engineering team.

Quick Start

Use the dx skill to design the user flow and screens for the new user onboarding feature based on PM-003.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: dx
Download link: https://github.com/elcoosp/elcoosp-skills/archive/main.zip#dx

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 471,000+ vetted skills library on demand.