headless-api-design
OfficialDesign accessible headless component APIs.
Software Engineering#accessibility#api design#design system#component architecture#headless components#qwik
Authorkunai-consulting
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a standardized approach to designing accessible, composable headless component APIs, ensuring consistency and maintainability across the Qwik Design System.
Core Features & Use Cases
- API Design Conventions: Follows established patterns for compound components, state management, event naming, and accessibility.
- Consistency Enforcement: Ensures new components align with QDS principles for signal-based APIs, semantic events, and accessibility-first design.
- Use Case: When creating a new
Accordioncomponent, use this Skill to guide the design of its props, events, and internal structure to match existing components likeCheckboxorModal.
Quick Start
Design the API for a new Toggle component following QDS headless conventions.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: headless-api-design Download link: https://github.com/kunai-consulting/qwik-design-system/archive/main.zip#headless-api-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.