# example-skills:web-artifacts-builder

Command · Anthropic example-skills · UI082

Builds claude.ai artifacts with many parts, using React, Tailwind and shadcn/ui. Not for simple pages.

## Prompt

```text
example-skills:web-artifacts-builder a multi-view artifact with routing
```

**Skip it when:** Setting the visual direction of real product UI. Hallmark and Impeccable are stronger there.

**Best for:** Quick themes, art, GIFs, and Playwright tests (automated browser clicks) of an app running on your computer.

**Notes:** frontend-design overlaps with Hallmark and Impeccable. For new pages prefer Hallmark; use frontend-design as the lighter option. The pack's non-design skills (documents, decks, MCP and skill building) are left out of this guide.

Source: https://atlasscope.dev/prompts/example-skills-web-artifacts-builder