skills.rest
stericishere
stericishereCOMMUNITY
Explore all skills by this author →
GitHub

design-frontend

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

1|Updated Mar 20, 2026
Search Tags:#design#ui#architecture#frontend#guidance#component#ux
One-click install
npx skills add https://github.com/stericishere/skills --skill design-frontend-stericishere
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
dhamijadhamija

frontend

Apply UX-driven design principles to React/TypeScript UI code automatically.

Community
Basic
abdulahad139abdulahad139

tailwind-css

Standardize UI styling with reusable Tailwind CSS patterns in React/Next.js apps.

Community
Intermediate
rogvidrogvid

king-mode

Provides UI/UX architectural guidance for designing scalable frontend systems and crafting sprint-ready plans.

Community
Advanced
ItsJupiter000ItsJupiter000

design

Delegate design tasks to a specialized subagent for frontend assets and UI components.

Community
Intermediate