Klarhimmel UI

Team prompt

The people: grid, list, a featured founder or names by department.

Prompt

Prompt

Use the klarhimmel-design skill. Introduce the team at {company}: {people}. Install: npx shadcn add @klarhimmel/team-grid @klarhimmel/team-list @klarhimmel/team-featured @klarhimmel/team-departments (remove what you do not use) Pick: - team-grid: up to 8 people with photo, role, short bio - team-list: rows with a longer bio and a link - team-featured: one person large, then everyone else - team-departments: no photos: names by department Props: members with name, role, bio and photo as { src, alt }; a lead on team-featured; hiring link on departments. Copy: Roles are what the person does, bios one sentence. Only people who agreed; use fictional names in examples. Accessibility: Photos get alt text with the person's name or empty alt if the name is next to it. Use headings for names consistently. 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: everyone listed agreed to it; bios are one sentence; list within the limit.

Variables

VariableWhat to fill inExample
{company}The organisationExempelhotellet
{people}Who to show, with rolessix people at reception, kitchen and events

A good result

Everyone listed agreed to it. Bios are one sentence. List within the limit.

checklist.md
- [ ] everyone listed agreed to it
- [ ] bios are one sentence
- [ ] list within the limit