design-frontend

Name: design-frontend
Availability: InStock
Author: steric

Route UI/UX and frontend requests to relevant design guidance.

1|Updated Mar 20, 2026

Search Tags:#design #ui #architecture #frontend #guidance #component #ux

Ready to run

npx skills add https://github.com/stericishere/skills --skill design-frontend-stericishere

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-frontend
Source: https://github.com/stericishere/skills/tree/main/design-frontend
Command: npx skills add https://github.com/stericishere/skills --skill design-frontend-stericishere

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Router guides users to the right UI/UX and frontend guidance, consolidating tasks such as design decisions, component architecture, accessibility checks, design-system references, and frontend code reviews into a single streamlined workflow.

Core Features & Use Cases

Context-aware routing to UI/UX design guidance, frontend architecture patterns, and accessibility checks.
Cross-reference through linked guides like ui-ux-pro-max, archive/component-refactoring, and doc repositories for design systems.
Supports exploration of design patterns, responsive layouts, prototyping, and CSS/Tailwind styling with step-by-step implementation notes.

Quick Start

Describe your UI/UX or frontend task and context, and I will route you to the most relevant design and frontend guidance.

Frequently Asked Questions about design-frontend

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

FAQPage Schema

How do I route frontend design tasks to the right guidance?▼

Routing frontend design tasks requires identifying the specific UI/UX context, which this skill matches to relevant component architecture, accessibility, and styling guidance for streamlined workflows.

What is the best way to structure component architecture for a design system?▼

Component architecture for a design system is structured by applying cross-referenced patterns for refactoring, ensuring UI consistency, and routing design decisions through standardized guidance.

Can I get accessibility checks for responsive layouts and CSS styling?▼

Accessibility checks for responsive layouts and CSS/Tailwind styling are supported through context-aware routing that targets specific frontend code review guidance and implementation notes.

Does this approach work for both wireframe prototyping and frontend code review?▼

Yes, wireframe prototyping and frontend code review are both supported by routing user requests and task context to the most relevant UI/UX design and architecture guidance available.

How do I consolidate UX patterns and Tailwind styling into a single workflow?▼

Consolidating UX patterns and Tailwind styling into a single workflow is achieved by routing design decisions, component architecture, and styling tasks through cross-referenced guides and doc repositories.