Provide React UI guidance for component architecture, accessibility, and design-system adherence.
npx skills add https://github.com/caraya/agent-skills --skill react-ui-caraya
Please help me install this Agent Skill. Skill: react-ui Source: https://github.com/caraya/agent-skills/tree/main/skills/react-ui Command: npx skills add https://github.com/caraya/agent-skills --skill react-ui-caraya
Build production-quality, accessible React UIs with design-system alignment to bridge the gap between prototypes and polished products.
Build a production-ready React component by applying the patterns above to a real UI task.
High-intent search queries and answers about installing and using this skill.
Build accessible React components by applying semantic HTML markup, implementing keyboard navigation, and following WCAG-aligned guidance. This approach delivers concrete patterns ensuring your UI satisfies design-system adherence and accessibility requirements.
Structure React component architecture by prioritizing composition, state management, and separation of concerns. Using encapsulated, reusable TSX patterns ensures scalable component composition across common React workflows.
Apply design tokens for production-ready styling by aligning component styles with your design system. This method provides responsive, production-quality UI components that bridge the gap between prototypes and polished products.
Yes, you can use these React UI patterns for both state management and separation of concerns. The guidance covers component architecture that encapsulates state and logic, ensuring reusable UI in React TSX.
Yes, this React UI guidance includes practical examples across common workflows. It delivers concrete rules, patterns, and best practices to help you build production-grade interfaces with design-system alignment.
Your React prototype may fail production standards due to missing design-system alignment and accessibility patterns. Applying encapsulated component architecture and design tokens bridges the gap to polished products.
dragoscirjanStandardize React and TSX component structure, typing, and architecture.
leonanpereirapintoAutomate WCAG accessibility checks with jest-axe and Playwright axe-core.
mauricioacpApply React composition patterns to build maintainable UI components.
fgarofalo56Guide Tailwind CSS styling for responsive UI components with utility classes.
