- Agent kit
Nonprofit template prompt
Builds the Nonprofit template page from 12 blocks in one pass.
Prompt
Prompt
Use the klarhimmel-design skill. Build a nonprofit site for {business}, for {audience}: a page for an association or charity (Havsbandet, a coastal clean-up group): the cause and one donate button first, the mission, impact in numbers, one clean-up told as a story, where donations go, upcoming events, the people and a gift card. Install: npx shadcn add @klarhimmel/banner-announcement @klarhimmel/navbar-menu @klarhimmel/hero-split @klarhimmel/content-columns @klarhimmel/stats-split @klarhimmel/case-study-story @klarhimmel/stats-bars @klarhimmel/blog-list @klarhimmel/team-departments @klarhimmel/newsletter-split @klarhimmel/cta-card @klarhimmel/footer-columns Order: banner-announcement, navbar-menu, hero-split, content-columns, stats-split, case-study-story, stats-bars, blog-list, team-departments, newsletter-split, cta-card, footer-columns. Keep it; swap a block only for another of its category. Props: start from each block's defaults and replace every string with {business} copy; links are { label, href }, images { src, alt }. Copy: plain words, one idea a section, a fictional business in samples. The one action is {action}. Accessibility: one h1 (the hero); alternate default and muted tones, use inverse once at the end; check 390 px. 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: one h1; one primary action; every field within its limit; alt text on images; build passes.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{business} | The business | Exempelhotellet |
{audience} | Who it is for | Hotels with 10 to 40 rooms |
{action} | The one next step | Start a free trial |
A good result
The template's sections in order on every page, your copy in every field, one h1, one primary action.
- [ ] the sections are in the template's order
- [ ] one h1
- [ ] one primary action
- [ ] every field within its limit
- [ ] alt text on every image
- [ ] no overflow at 390 px
- [ ] the build passes