ChoreShore
Official@choreshore
Offers specialized engineering standards for accessible UI component architecture, design token validation, and responsive interface development.
Agent Skills by ChoreShore
Showing 9 vetted skills indexed across 1 GitHub repositories.
ChoreShorecoding-styles
Apply SOLID, DRY, KISS, and YAGNI principles during development decisions.
ChoreShorecolor-contrast
Validate WCAG 2.1 color contrast ratios and suggest compliant alternatives.
ChoreShorevue
Build token-driven Vue 3 components with the Composition API and TypeScript.
ChoreShorecompound-components
Design accessible UI primitives with ARIA roles and keyboard navigation.
ChoreShorelayout-primitives
Create composable layout primitives with CSS variables for breakpoint-free responsive interfaces.
ChoreShorearia-patterns
Apply ARIA roles, states, and properties to interactive components.
ChoreShorefocus-states
Generate WCAG-compliant focus indicators with CSS variables and Tailwind utilities.
ChoreShoretoken-keeper
Validate design token usage and accessibility patterns in React, Vue, and Svelte components.
ChoreShoreanimation-principles
Apply Disney's 12 animation principles to UI motion design.
Frequently Asked Questions About ChoreShore
FAQPage SchemaWhat specific accessibility tasks does ChoreShore support?▼
ChoreShore enables validation of WCAG 2.1 color contrast ratios, generation of compliant focus indicators, and implementation of ARIA roles, states, and properties. It ensures interactive components maintain keyboard navigation standards and accessibility compliance across React, Vue, and Svelte environments.
Which developers benefit from these UI primitives?▼
Frontend engineers and design system architects benefit from these primitives. The skills target developers building token-driven interfaces who require strict adherence to SOLID, DRY, and KISS principles while maintaining responsive, breakpoint-free layouts using CSS variables.
What are the prerequisites for implementing these design patterns?▼
Implementation requires a foundational understanding of Vue 3 Composition API, TypeScript, and CSS variables. Users should have an existing component library in React, Vue, or Svelte to integrate the token validation and ARIA pattern logic effectively.