archy/aiui/.claude/skills/new-detail/SKILL.md at 7ba3109b6d0fb095fb46a559f93c37e39e7a1c74

Files

T

git-subtree-dir: aiui
git-subtree-mainline: 0c4826f8cc
git-subtree-split: e30ac1d106

2026-08-03 15:07:11 -04:00

name, description, allowed-tools

name	description	allowed-tools
new-detail	Generate a detail view component following AIUI glass-morphism patterns	Read, Write, Edit, Glob, Grep

Create a new detail view component at packages/app/src/components/content/{Name}Detail.vue.

Requirements

Read a reference: Read BookDetail.vue or PlaceDetail.vue as a template.
Follow conventions:
- <script setup lang="ts"> with single item prop
- Back button at top (emits 'back' event)
- Hero image/banner area with gradient overlay and fallback
- Title, subtitle, and metadata section
- Description/long text body with proper typography
- Action buttons (external links, share, etc.) with glass-button styling
- Dark/light mode via useTheme()
- Smooth scroll, overflow-y-auto
Props: Accept single item of the content type
Emits: back event for navigation
Responsive: Full height, works in sidebar and mobile overlay

The user will specify the content type and which fields to display.