Generate accessible user interfaces using design system tokens and WCAG AA standards.
npx skills add https://github.com/roborew/opencode --skill designer-roborew
Please help me install this Agent Skill. Skill: designer Source: https://github.com/roborew/opencode/tree/main/skills/designer Command: npx skills add https://github.com/roborew/opencode --skill designer-roborew
This Skill addresses the challenge of creating user interfaces that are not only visually appealing but also highly accessible, consistent with project design systems, and production-ready.
Use the designer skill to create a new button component following the project's design system.
High-intent search queries and answers about installing and using this skill.
Generate accessible user interfaces by enforcing WCAG AA contrast ratios, visible focus states, semantic HTML, and keyboard operability. This approach ensures your UI components meet strict accessibility compliance and are production-ready without manual auditing.
Ensure UI components match a design system by discovering and strictly following project design tokens, component primitives, and styling patterns. This prevents visual conflicts and maintains consistency across the frontend application architecture.
Build production-ready frontend forms by scoping execution to specific design stages and prioritizing existing design tokens and component primitives. This guarantees accessibility and visual consistency before any code is finalized.
Yes, this UI generation approach supports keyboard operability and semantic HTML by strictly enforcing accessibility rules. It ensures all generated components are fully navigable via keyboard and structurally semantic for screen reader compatibility.
Yes, you can scope UI design tasks within a larger development plan by executing specific stages owned by the designer role within a StagePlan artifact. This isolates UI generation and accessibility enforcement to precise workflow phases.
Discover design tokens before generating UI components when working within an established project to ensure consistency and prevent conflicts. Prioritizing these tokens guarantees that new interfaces adhere to existing visual and styling patterns.
allenlin90Render and compose UI primitives from the @eridu/ui library.
kennedym-dsEvaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.
DaaaaaveAudit frontend UI components against design-system tokens and accessibility checks.
LimaTechnologiesAutomate UI/UX audits for accessibility, responsiveness, and design-system consistency.
