Klarhimmel UI

Website audit report

Template

A technical audit report for Cedar Studio: overall readiness, scope and provenance, module scores that preserve unavailable checks, and a short actionable recommendation list.

npx shadcn add @klarhimmel/template-audit-report
audit-report preview

Install

npx shadcn add @klarhimmel/template-audit-report

The page

3 sections, in order

Each section is one block with this template's own copy. The anchor is the id in-page links point at.

AnchorBlockContent
#overviewreport/audit-overviewSearch readiness report
#modulesreport/audit-modulesWhat was checked
#recommendationsreport/audit-recommendationsFix these first

Install

CLI

npx shadcn add @klarhimmel/template-audit-report

pnpm

pnpm dlx shadcn@latest add @klarhimmel/template-audit-report
Style
  • Klarhimmel
  • Geist / Geist
  • radius 8
Needs
React 19, Tailwind CSS v4 and the theme import. The page and every block it uses land under components/klarhimmel/.

Before you ship

Wire these before shipping

The template is a finished page with placeholder wiring. These are yours to connect.

Data

All scores and findings are fictional examples. Supply assessed results from your own audit; unavailable checks must remain unassessed and must not contribute a zero to your aggregate.

Links

Replace example.com destinations with your implementation notes and affected pages.

Scoring

The host owns aggregation and scoring rules. These blocks display the values supplied.