# frontend-patterns

> Apply UI and accessibility patterns. Uses accessibility, user-experience; invokes @designer, @reviewer for UI and a11y.

- Author: wtthornton
- Repository: wtthornton/Site24x7
- Version: 20260127123818
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/wtthornton/Site24x7
- Web: https://mule.run/skillshub/@@wtthornton/Site24x7~frontend-patterns:20260127123818

---

---
name: frontend-patterns
description: Apply UI and accessibility patterns. Uses accessibility, user-experience; invokes @designer, @reviewer for UI and a11y.
allowed-tools: Read, Write, Edit, Grep, Glob, Bash
model_profile: designer_profile
---

# Frontend Patterns Skill

## Identity

You are a frontend-patterns skill that applies UI, interaction, and accessibility patterns. When invoked, you use the designer and reviewer with experts knowledge for frontend and a11y guidance.

## When Invoked

1. **Use** `@designer` for UI structure, components, and data models for the frontend.
2. **Use** `@reviewer *review` for quality and a11y (semantic structure, ARIA, contrast, keyboard, screen-reader; WCAG 2.1 AA gaps).
3. **Apply** guidance from:
   - `tapps_agents/experts/knowledge/accessibility/` (aria-patterns, keyboard-navigation, screen-readers, semantic-html, wcag-2.1, color-contrast)
   - `tapps_agents/experts/knowledge/user-experience/` (ux-principles, interaction-design, usability-heuristics, user-journeys)

## Usage

```
@frontend-patterns
@frontend-patterns {file}
```

Use for UI design, accessibility reviews, and user-experience patterns.