oneie/.claude/skills/design/create-component-spec.md

Build apps, websites, and AI agents in English. Zero-interaction setup for AI agents (Claude Code, Cursor, Windsurf). Download to your computer, run in the cloud, deploy to the edge. Open source and free forever.

# Create Component Spec

**Category:** design
**Version:** 1.0.0
**Used By:** agent-designer, agent-frontend

## Purpose

Defines component specifications.

## Output

```typescript
interface PricingCardProps {
  tier: string;
  price: number;
  features: string[];
  highlighted: boolean;
}

// States: default, hover, selected
// Events: onClick, onHover
```

## Version History

- **1.0.0** (2025-10-18): Initial implementation