For AI agents

“Screen in Umbra” skill

A Claude Code skill: how to build a screen and the report checklist

npx shadcn@latest add @umbra/skill-umbra-ui

A Claude Code skill (.claude/skills/umbra-ui/SKILL.md): a step-by-step order for building a screen with Umbra and a review checklist. The agent picks it up on its own when a task touches the interface

When to use

In every Aid Beisembin product where an agent builds or edits the interface
Along with it, paste the snippet from docs/agents/claude-md-snippet.md into the product’s CLAUDE.md (the “Connect an agent” page)

When not to use

In projects without an interface
As a replacement for DESIGN.md: the skill links to it and doesn’t repeat every rule

This item has no live example: it installs files or rules. See the “Code” tab to set it up