Build a working Claude Artifact in one go

Describe a small tool or widget and get a self-contained React artifact that renders in Claude straight away.

Works with Claude

Use it when: Use it for calculators, trackers, dashboards and mini tools you want to try inside Claude without setup.

Fill in the blanks

WidgetAudienceActions

Your prompt

<task>
Build a Claude Artifact: [Widget]
Who uses it and for what: [Audience]
Main actions: [Actions]
</task>

<constraints>
- One self-contained React component with a default export.
- Style with Tailwind classes only. Icons from lucide-react only. No other packages, no external API calls.
- Include realistic mock data so it works on first render.
- Handle empty, loading and invalid input states.
- Return the complete component. No placeholders or "add more here" comments.
</constraints>

<output_format>
The full component in one code block, then two lines on how to extend it.
</output_format>