Marketplace
8 skillsEach listing spells out exactly what's inside — the steps, the ready-to-run code, and which AI tools it works with — so you know what you're getting before you buy.
Audit UIs against WCAG 2.2 AA and deliver prioritized, code-level fixes. Use when asked for an accessibility review, a11y compliance, or AT bug reports.
- ✓8-step procedure
- ✓1 ready-to-run code block
- ✓7-point quality checklist
Design micro-frontend architectures: module federation, route splitting, shared dependencies, and team boundaries.
- ✓5-step procedure
- ✓Runnable JavaScript included
- ✓4 pitfalls to avoid
Design cohesive animation systems: motion principles, timing curves, choreography rules, and accessible motion.
- ✓5-step procedure
- ✓Runnable JavaScript included
- ✓4 pitfalls to avoid
Design ergonomic component APIs: prop design, composition patterns, accessibility defaults, and forward compatibility.
- ✓5-step procedure
- ✓Runnable Jsx included
- ✓4 pitfalls to avoid
Design and implement design systems: token architecture, component APIs, documentation patterns, and governance.
- ✓7-step procedure
- ✓5 pitfalls to avoid
- ✓Installs into 6 tools
Establish performance budgets: Core Web Vitals targets, bundle size limits, runtime budgets, and enforcement strategies.
- ✓5-step procedure
- ✓Runnable YAML included
- ✓5 pitfalls to avoid
Responsive QA Pass
$1.99Systematically test layouts across viewports, breakpoints, zoom, and orientation, then fix breakage. Use before shipping UI or when a layout breaks on a device.
- ✓8-step procedure
- ✓Runnable JavaScript included
- ✓6-point quality checklist
Diagnose Core Web Vitals with field and lab data and produce an impact-ranked optimization plan. Use for slow pages, LCP/INP/CLS issues, or perf regressions.
- ✓8-step procedure
- ✓1 ready-to-run code block
- ✓7-point quality checklist