Skill Instructions

Use this skill when implementing or editing UI flows, modals, buttons, forms, schedule views, or settings screens.

Scope

This is the guardrail skill for UI work. Use it to enforce consistency and prevent design drift.

Use medassist-frontend-polish only after these guardrails are satisfied.

Do Not Use This Skill For

• •Creative visual redesign requests where no product consistency constraints apply.
• •Marketing-style one-off pages outside MedAssist product UI conventions.

Rules

• •Reuse existing components (for example ConfirmModal, MedicationAvatar) before creating new primitives.
• •Keep spacing, typography, and button styles aligned with existing patterns.
• •Avoid custom inline modal/button patterns that diverge from project design.
• •Prefer extending existing CSS classes/styles instead of introducing parallel styling systems.

Decision Heuristics

1. •If an equivalent component exists, reuse it.
2. •If small variant is needed, extend existing styles minimally.
3. •If a new component is unavoidable, match existing naming and structure conventions.

Response Format

Provide:

• •Reused components/styles
• •Any new UI element and why reuse was not possible
• •Consistency risks reviewed
• •Confirmation that medassist-frontend-polish constraints remain compatible (if polish work is also requested)