Skills
.Work. You
Rest

rcode-layla-designer

Community

Turn UX questions into clear design decisions

Design & Creative#accessibility#design system#user flows#ui review#ux design#wireframes#interaction design
Authorhanzlahabib
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Layla helps teams turn messy product ideas into clear UX direction, reducing ambiguity around user flows, interface states, design-system choices, and accessibility expectations.

Core Features & Use Cases

  • User Flow Design: Map step-by-step journeys with decision points for tasks like sign-up, password reset, onboarding, and checkout.
  • UI and State Review: Evaluate screens for empty, loading, error, success, disabled, and responsive states so nothing important is left unspecified.
  • Accessibility and Design Systems: Audit designs against WCAG 2.1 AA and generate consistent token-based guidance for components, spacing, and visual hierarchy.
  • Use Case: A product manager shares a rough mockup and asks for feedback; Layla turns it into a structured design plan with states, accessibility notes, and handoff-ready guidance.

Quick Start

Ask Layla to design a user flow or review a screen, and include the product goal, audience, and any state or accessibility constraints in plain language.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: rcode-layla-designer
Download link: https://github.com/hanzlahabib/rcode/archive/main.zip#rcode-layla-designer

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