यह सामग्री अभी आपकी भाषा में उपलब्ध नहीं है और अंग्रेज़ी में दिखाई जा रही है।

Frontend Accessibility Best Practices

Skill सत्यापित

Accessibility (a11y) best practices for React components. Use when creating UI components, forms, interactive elements, or reviewing code for accessibility compliance.

AI सारांश

This skill provides a structured set of rules and code examples to improve the accessibility of React UI components. It covers semantic HTML, screen reader support, keyboard navigation, and user preferences, guiding developers to build more inclusive applications according to WCAG standards.

Maintenance

warning:Commit recencyNo commits were found in the last 12 months, indicating the extension may be unmaintained.

Versioning

warning:Release ManagementNo version information is present in the manifest files (SKILL.md, package.json) or via GitHub releases/CHANGELOG, and install instructions reference 'main'.

इंस्टॉलेशन

npx skills add sergiodxa/agent-skills

Vercel skills CLI (skills.sh) को npx के माध्यम से चलाता है — स्थानीय रूप से Node.js और कम से कम एक इंस्टॉल किया गया skills-संगत एजेंट (Claude Code, Cursor, Codex, …) ज़रूरी है। यह मानता है कि रिपॉज़िटरी agentskills.io फ़ॉर्मैट का पालन करती है।

3 months ago

sergiodxa

83 stars

MIT

2 days ago को अपडेट किया गया

सोर्स देखें

मिलते-जुलते एक्सटेंशन

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.

Skill

jwynia

react-is

Brand checking of React Elements.

Skill

facebook

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Skill

bytedance

React Router Best Practices

React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.

Skill

sergiodxa

react-devtools-inline

Embed react-devtools within a website

Skill

facebook

Modern CSS

Proactively apply when creating design systems, component libraries, or any frontend application. Triggers on CSS Grid, Subgrid, Flexbox, Container Queries, :has(), @layer, @scope, CSS nesting, @property, @function, if(), oklch, color-mix, light-dark, relative color, @starting-style, scroll-driven animations, view transitions, anchor positioning, popover, customizable select, content-visibility, logical properties, text-wrap, interpolate-size, clamp, field-sizing, modern CSS, CSS architecture, responsive design, dark mode, theming, design tokens, cascade layers. Use when writing CSS for any web project, choosing layout approaches, building responsive components, implementing dark mode or theming, creating animations or transitions, styling form elements, or modernizing legacy stylesheets. Modern CSS features and best practices for building interfaces with pure native CSS.

Skill

ccheney