Every UI component must be accessible from the start — not as an afterthought. Apply ARIA landmarks, form labels, keyboard navigation, focus management, live regions, semantic HTML, heading hierarchy, alt text, and color contrast whenever you build or modify any HTML, React component, Vue component, Svelte component, Angular template, or frontend UI. This applies to ALL frontend work — even when the user does not mention accessibility.
This listing is imported from SkillsMP metadata and should be treated as untrusted until upstream source review is completed.
Install skill "web-accessibility-essentials" with this command: npx skills add JaviMontano/skillsmp-javimontano-javimontano-web-accessibility-essentials
This source entry does not include full markdown content beyond metadata.
This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.
Related by shared tags or category signals.
Produces Architecture Decision Records following the Nygard/MADR template with full context, consequences, and traceability. Trigger: "generate ADR", "document decision", "architecture decision record", "record this decision".
dbt-style transformations, dimensional data modeling, testing strategies, and documentation generation for analytics platforms. Trigger: "analytics engineering", "dbt", "data modeling", "dimensional model", "star schema", "data marts".
C4 model diagrams, component relationships, and architectural pattern identification. Trigger: "map architecture", "C4 diagram", "component diagram", "system context".
Designs authentication and authorization architectures using OAuth2, OIDC, RBAC, ABAC, and identity provider integration. Trigger: "auth architecture", "authentication design", "authorization patterns", "OAuth2", "OIDC", "identity provider".