Frontend Patterns

Apply UI and accessibility patterns. Uses accessibility, user-experience; invokes @designer, @reviewer for UI and a11y. Use when this capability is needed.

tomevault-io Updated

File contents

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.


Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/wtthornton--tappscodingagents--frontend-patterns commit e2bb5ce3a9

Frequently asked questions

npx skillmds@latest add tomevault-io/frontend-patterns-8