Generate component code for any framework
design-codeskillsetup L1★211
plugin87/ux-ui-agent-skills ↗What it does
Generate framework-agnostic, accessible, token-driven component code
Best for
Component implementation across multiple frameworks when code must be production-ready, accessible, token-driven, and free of hardcoded values.
Inputs
- · component spec
- · target framework (React/Next/SwiftUI/Vue/Svelte/etc)
- · token system
Outputs
- · production-ready component code
- · all 8 states
- · dark-mode support
- · accessibility wiring
Requires
- · framework adapters (react-tailwind.md, swiftui.md, etc)
- · token resolver
- · a11y pattern library
Preconditions
Component spec completed; token system defined; adapter available for target framework; ARIA pattern documented
Failure modes
Hardcoded color/px values; missing state variants; contrast pair failing; incomplete ARIA; font not tokenized
Trust signals
- · plugin87/ux-ui-agent-skills repo
- · 8-state completeness mandatory
- · validate_tokens.py + lint_hardcodes.py automation