skills.rest
fmbp1981-hash
fmbp1981-hashCOMMUNITY
Explore all skills by this author →
GitHub

frontend-design-workflow

Orchestrate a six-skill sequence to create, refine, and validate UI/UX components.

Updated Dec 13, 2025
Search Tags:#workflow#accessibility#design system#ui-ux#ui development
One-click install
npx skills add https://github.com/fmbp1981-hash/cavendish-gig --skill frontend-design-workflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design-workflow
Source: https://github.com/fmbp1981-hash/cavendish-gig/tree/main/.gemini/skills/intellix-frontend-design-workflow
Command: npx skills add https://github.com/fmbp1981-hash/cavendish-gig --skill frontend-design-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the complexity of creating and improving user interfaces by providing a structured, step-by-step workflow that ensures design consistency and accessibility.

Core Features & Use Cases

  • Structured Workflow: Orchestrates 6 skills in a predefined sequence to create and refine UI/UX components.
  • Design System Integration: Integrates design systems for consistent visual elements and branding.
  • Accessibility and Compliance: Ensures UI components adhere to accessibility standards and best practices.
  • Use Case: Ideal for any project involving UI/UX design, including dashboards, landing pages, SaaS applications, and component development.

Quick Start

To begin the UI/UX workflow, execute the frontend-design-workflow skill.

Frequently Asked Questions about frontend-design-workflow

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

FAQPage Schema
How do I structure a UI/UX workflow to ensure design consistency and accessibility?▼

A structured UI/UX workflow orchestrates component creation, refinement, and validation through a predefined sequence, integrating design systems to ensure consistent visual elements and accessibility compliance.

What is the best way to build a design system for SaaS applications and dashboards?▼

Building a design system for SaaS applications and dashboards requires a structured workflow that orchestrates UI component creation and refinement, ensuring visual consistency and adherence to accessibility standards.

How do I validate UI components for accessibility and web design compliance?▼

To validate UI components for accessibility, execute a structured workflow that checks adherence to web design guidelines and accessibility standards during the component refinement and validation phases.

Can I use a structured workflow for both creating new UI components and refining existing ones?▼

Yes, a structured UI workflow can be used for both creating and refining UI components. It orchestrates a sequence of skills to manage design system integration and ensures accessibility compliance for new and existing interfaces.

Why do I need a design system integration step in my UI development workflow?▼

A design system integration step is needed in UI development workflows to ensure consistent visual elements and branding across all created and refined UI components, preventing fragmented user interfaces.

Related Skills

Explore More Software Engineering Skills→
renatoasserenatoasse
2.0k

template-designer

Generate HTML template variations and render review-ready PNGs.

Community
Advanced
az9713az9713

frontend-design

Design and implement frontend interfaces with HTML/CSS/JS or React/Vue components.

Community
Advanced
dirnbauerdirnbauer
33

webconsulting-branding

Enforces webconsulting.at design tokens and typography rules across React frontend projects.

Community
Basic
akornmeierakornmeier
4

ux-spec-to-prompts

Convert UX specifications into self-contained prompts for UI generation tools.

Community
Advanced