⚡SkillingMain
🛒Sign inGet started

Component API Designer

$1.99Official

Design ergonomic component APIs: prop design, composition patterns, accessibility defaults, and forward compatibility.

frontendcomponentsapi-designreactpropscompositionaccessibility· by SkillingMain

What you get

  • ✓5-step procedure
  • ✓Runnable Jsx included
  • ✓4 pitfalls to avoid
  • ✓Installs into 6 tools
Version
v1 →
Last updated
today
Length
2 min read
Requires
Works with any modern AI assistant

Works in: Claude Code, Codex, Cline, opencode, OpenClaw, Hermes

Preview

When to use

Use when designing a new component library, refactoring component APIs, or reviewing component PRs for API quality. Trigger on phrases like "component API", "prop design", "compound components", or when a component has grown to 20+ props. Do not use for application-level pages — this is for reusable component primitives.

Inputs to gather

  • Framework (React, Vue, Svelte) and its composition primitives (children, slots, render props)
  • Current component consumers: how many places use this component, and what patterns have emerged
  • Accessibility requirements: WCAG targets, keyboard interaction models (WAI-ARIA patterns)
  • Forward compatibility concerns: expected future var

…

🔒 Buy once ($1.99) to unlock the full playbook, download it, and install it in every tool you use.