oc-ux-engineer

Coordinates UX design cycles integrating planning, generation, assessment, and accessibility checks.

Updated May 15, 2026
One-click install
npx skills add https://github.com/asfbay-bit/opchain-skills --skill oc-ux-engineer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: oc-ux-engineer
Source: https://github.com/asfbay-bit/opchain-skills/tree/main/skills/oc-ux-engineer
Command: npx skills add https://github.com/asfbay-bit/opchain-skills --skill oc-ux-engineer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the UI/UX design process by providing a tri-agent loop of Design Planner, Generator, and Evaluator, ensuring consistent, accessible, and delightful user experiences.

Core Features & Use Cases

  • Design Planner: Expand briefs into detailed design specifications.
  • Generator: Build design artifacts such as style books, components, and prototypes.
  • Evaluator: Assess design artifacts for visual hierarchy, state completeness, consistency, and accessibility.
  • Use Case: Imagine you are designing a new web application. Use this Skill to create a style guide, build UI components, and get feedback on their usability and accessibility.

Quick Start

Trigger the oc-ux-engineer skill with '/oc-uxe plan' and provide a brief description of your design project.

Frequently Asked Questions about oc-ux-engineer

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

FAQPage Schema
How do I create a UI/UX design specification from a brief?

The tri-agent loop streamlines UI/UX design by using a Design Planner to expand briefs, a Generator to build components, and an Evaluator to assess accessibility, ensuring a consistent and delightful user experience throughout the lifecycle.

How do I evaluate UI components for accessibility and visual hierarchy?

You evaluate UI components for accessibility and visual hierarchy using the tri-agent loop, where an Evaluator agent automatically assesses generated design artifacts for state completeness, visual hierarchy consistency, and accessibility compliance.

What is the best way to manage the full UI/UX design lifecycle automatically?

The best way to manage the full UI/UX design lifecycle automatically is using a tri-agent loop that iterates through design planning, artifact generation, and evaluation to handle specifications, prototypes, and accessibility assessments cohesively.

Can I generate UI prototypes and style books from a design brief?

Yes, you can generate UI prototypes and style books from a design brief. The Generator agent builds design artifacts such as style books, UI components, and prototypes based on the detailed specifications provided by the Design Planner.

Do I need input from developers and QA to create an accessible user interface?

Yes, creating a cohesive and accessible user interface requires input from designers, developers, and quality assurance personnel to validate design artifacts and ensure the final product meets accessibility standards through the tri-agent loop.