skills.rest
managedcode
managedcodeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

mcaf-ui-ux

Guide UI/UX engineering for design systems, accessibility, and front-end technology selection.

4|Updated Mar 6, 2026
Search Tags:#collaboration#accessibility#ui/ux#design systems#front-end development#technology selection
One-click install
npx skills add https://github.com/managedcode/MCPGateway --skill mcaf-ui-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mcaf-ui-ux
Source: https://github.com/managedcode/MCPGateway/tree/main/.codex/skills/mcaf-ui-ux
Command: npx skills add https://github.com/managedcode/MCPGateway --skill mcaf-ui-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses challenges in UI/UX engineering by providing guidance for design systems, ensuring accessibility, selecting front-end technologies, and improving collaboration between design and development teams.

Core Features & Use Cases

  • Design System Guidance: Offers best practices for creating and maintaining consistent design systems.
  • Accessibility Improvement: Provides strategies to integrate accessibility as a core requirement.
  • Technology Selection: Assists in choosing appropriate front-end technologies based on project constraints.
  • Design-to-Development Collaboration: Facilitates smoother handoffs and communication between design and engineering.

Quick Start

Use the mcaf-ui-ux skill to choose the right frontend direction for this product.

Frequently Asked Questions about mcaf-ui-ux

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

FAQPage Schema
How do I choose the right front-end technology stack for a new UI project?▼

To choose a front-end technology stack, evaluate project constraints and apply UI/UX engineering guidance to select frameworks that support your design system and accessibility requirements.

What is the best way to improve accessibility in an existing design system?▼

Improving accessibility in a design system requires treating it as a core requirement, integrating UI/UX strategies to ensure components meet standards and provide a consistent user experience.

How do I facilitate design-to-development collaboration for UI handoffs?▼

Facilitate design-to-development collaboration by applying UI/UX engineering practices that streamline communication, align front-end implementation with design system rules, and improve team handoffs.

Do I need repository access to bootstrap a UI project with design system guidance?▼

Yes, bootstrapping a UI project requires repository access to read existing UI documentation, apply design system rules, and ensure technology selection aligns with project constraints.

What are the limitations of using generic UI/UX guidelines for front-end development?▼

Generic UI/UX guidelines lack project-specific context, making technology selection and design system maintenance harder; specialized UI/UX engineering guidance aligns constraints with actual implementation.

Related Skills

Explore More Design & Creative Skills→
koasis89koasis89

design

Creates and maintains a repository-local DESIGN.md for UI/UX and frontend decisions.

Community
Intermediate
LGuguiLGugui

visual-intelligence

Extract and document design systems from CSS, Figma, and images.

Community
Advanced
791994545791994545
4

web-design-guidelines

Check UI code for compliance with Web Interface Guidelines.

Community
Basic
sigridjinethsigridjineth
20

frontend-ui-ux

Create reusable UI components with responsive layouts and accessibility compliance.

Community
Intermediate