Comment screens prompt
A discussion between people on a record: comments, replies and a composer.
Prompt
Prompt
Use the klarhimmel-design skill. Build the discussion for {record} in {product}. Install: npx shadcn add @klarhimmel/app-comments-thread (remove what you do not use) Pick: - app-comments-thread: comments with one level of replies, a Reply form and a composer; filled, empty, posting, error Props: comments { author, time, body, replies { author, time, body } } (up to 4, replies up to 3); state enum from your post status; labels for the reply form and composer. Copy: Times are relative ("2 hours ago"). The error says to try again. The empty state invites the first comment. Accessibility: Each comment is an article named by author and time; Reply names its author and opens a form that Escape closes; posting disables the composer and says so. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: replies go one level deep; posting and error handled; a person, not an assistant: use the assistant prompt for agents.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{product} | The app | Exempelhotellet admin |
{record} | What people comment on | a booking |
Blocks it uses
A good result
Replies go one level deep. Posting and error handled. A person, not an assistant: use the assistant prompt for agents.
- [ ] replies go one level deep
- [ ] posting and error handled
- [ ] a person, not an assistant: use the assistant prompt for agents