skills.rest
AdelysAlberto
AdelysAlbertoCOMMUNITY
Explore all skills by this author →
Website𝕏@adelysalbertoGitHub

ux

Generates UX specifications, layout wireframes, and visual design token systems.

1|Updated Jul 18, 2025
Search Tags:#layout#design tokens#ux design#wireframes#ui specification#visual system
One-click install
npx skills add https://github.com/AdelysAlberto/md-configs-and-agents --skill ux-adelysalberto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux
Source: https://github.com/AdelysAlberto/md-configs-and-agents/tree/main/agents-antigravity/config/skills/ux
Command: npx skills add https://github.com/AdelysAlberto/md-configs-and-agents --skill ux-adelysalberto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing consistent user interfaces requires structured UX specifications, wireframes, and a unified visual token system, which are time-consuming to produce manually and often inconsistent across a project. ## Core Features & Use Cases - UX Specification Generation: Produces structured UX specifications that define interface behavior and layout requirements. - Layout Wireframes: Creates wireframe descriptions to communicate page structure and component placement before implementation. - Visual Token System: Defines a system of visual design tokens (colors, spacing, typography) to keep the UI consistent. - Use Case: A product team starting a new feature can invoke this Skill to receive a complete UX specification with wireframes and design tokens, ready to hand off to developers. ## Quick Start Ask the agent to act as Edna Mode and generate a UX specification with wireframes and visual tokens for your new feature or page.

Frequently Asked Questions about ux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate UX specifications for a new feature?▼

Invoke this Skill and describe the feature or page you are designing. It produces a structured UX specification covering layout, behavior, and component requirements based on the Edna Mode designer persona instructions.

How to create a design token system for my UI project?▼

Ask the Skill to define visual tokens for your project. It generates a token system covering elements like colors, spacing, and typography so the interface remains consistent across screens and components.

Can this Skill produce wireframes before development starts?▼

Yes, it generates layout wireframe descriptions that communicate page structure and component placement. These wireframes serve as a handoff artifact for developers before any code is written.

What are the limitations of this UX design Skill?▼

The Skill is a thin entry point that delegates to an external edna-ux skill file referenced by an absolute local path. If that referenced file is unavailable on your machine, the Skill cannot load its full instructions.

Related Skills

Explore More Design & Creative Skills→
KojiroSasaKojiroSasa

ux-researcher

Synthesize UX insights from interviews, usability tests, surveys, and analytics.

Community
Advanced
chriswesttchriswestt

frontend-theme

Apply design tokens, typography, and layout rules to frontend outputs.

Community
Advanced
ngochuy13ngochuy13

design-reviewer

Review UI/UX design artifacts for WCAG 2.1 AA accessibility and design-system adherence.

Community
Intermediate
Sir-chawakornSir-chawakorn
9

implement-from-design

Translate Figma designs into React and Tailwind CSS components with visual-diff verification.

Community
Advanced