Frontend Ui

Skill: Frontend UI

When to Use

Use this skill when implementing or modifying UI behavior in:

• app/eventyay/static/ assets
• app/eventyay/webapp/ Vue applications
• Django templates under app/eventyay/**/templates/

Core Workflow

1. Identify whether the change belongs to legacy static assets or a Vue app.
2. Keep behavior in external scripts (no inline JS; no jQuery).
3. Ensure responsive behavior across common mobile and desktop widths.
4. Validate accessibility basics: labels, keyboard navigation, focus visibility, and semantic landmarks.
5. Add or update tests when UI behavior changes are user-visible.

Guardrails

• Follow .github/instructions/js.instructions.md for JS/Vue conventions.
• Follow for template conventions.