Two Engineering Claude Code skills, side by side. Pick the right skill for your workflow with a side-by-side look at metadata, sample code, and install commands.
| Name | ai-ui-generation | always-on-agent-safety |
|---|---|---|
| Description | AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. Covers prompt engineering for component and full-stack app generation, review checklists for AI-generated… | Safety, privacy, cost management, and frank advice for building always-on AI agents with episodic memory. Covers data hygiene, privacy risk surfaces, runaway cost prevention, scope creep, psychological effects of… |
| Category | Engineering | Engineering |
| Sub-category | code-quality | devops |
| Tags | type:review | ai:agent |
| Author | OrchestKit | curiositech |
| License | MIT | — |
| Install | /add-skill ai-ui-generation | /add-skill always-on-agent-safety |
Generate a React signup form component using:
- Framework: React 19 + TypeScript
- Styling: Tailwind CSS v4 + shadcn/ui (Luma style — rounded-4xl, shadow-md elevation)
- Style: run `npx shadcn@latest apply luma` (CLI v4, Apr 2026) after generation
- Tokens: use color.primary, color.destructive, spacing.md from our design system
- A11y: ARIA labels on all inputs, error announcements via aria-live
- States: default, loading (disabled + spinner), error (inline messages), success
- Responsive: stack…┌─────────────────────────────────────────────────────────┐
│ Always-On Agent Risk Surface │
├────────────┬───────────┬──────────┬──────────┬──────────┤
│ PRIVACY │ COST │ SCOPE │ PSYCH │ SECURITY │
│ │ │ │ │ │
│ What the │ Runaway │ Agent │ Human │ External │
│ agent │ token │ does too │ depends │ actors │
│ knows │ spending │ much or │ on agent │ exploit │
│ about you │ and…ai-ui-generation — AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. Covers prompt engineering for component and full-stack app generation, review checklists for AI-generated…
always-on-agent-safety — Safety, privacy, cost management, and frank advice for building always-on AI agents with episodic memory. Covers data hygiene, privacy risk surfaces, runaway cost prevention, scope creep, psychological effects of…
Both are free to install. If you're unsure, install both — Claude Code skills are isolated by filename and only collide if their trigger phrases overlap (rare). The richest signal is the SKILL.md body itself — open both skill pages and read the first paragraph of each.
See all Claude Code skill comparisons · Browse all Engineering skills · Top 100
SKILL.md files, not affiliated with, endorsed by, or sponsored by Anthropic.