diamond-fysio-frontend

Review frontend components for accessibility, Tailwind, i18n, and Contentful standards.

Updated Dec 10, 2021

Search Tags:#accessibility #frontend #react #next.js #i18n #tailwind #contentful

One-click install

npx skills add https://github.com/marijnbaar/diamond-fysio-contentful --skill diamond-fysio-frontend

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: diamond-fysio-frontend
Source: https://github.com/marijnbaar/diamond-fysio-contentful/tree/main/.claude/skills/diamond-fysio-frontend
Command: npx skills add https://github.com/marijnbaar/diamond-fysio-contentful --skill diamond-fysio-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps maintain a cohesive, accessible, and well-structured Diamond Fysio frontend by enforcing Tailwind patterns, i18n support, and Contentful integration guidelines across components.

Core Features & Use Cases

Code Review Checklist: Validate accessibility attributes (aria-labels, alt text), semantic HTML, and keyboard navigation. Ensure Tailwind CSS usage and consistent design system.
i18n & Contentful: Verify Dutch and English translations presence; confirm Contentful GraphQL usage patterns.
On-Demand Guidance: Provide actionable feedback when adding new components or features to stay aligned with project standards.

Quick Start

Review Button.jsx for accessibility, Tailwind consistency, and i18n labels; update patterns to meet project standards.