Archetypes Mechanics Prompt Assembly Showcase Ecosystem Pitfalls Setup guide
← back to Mechanics

Built with dt-site-creator

22 real projects shipped using these archetypes + mechanics. Live sites, previews on derrickteo.com, and works-in-progress — each card shows the archetype applied, the mechanics used, and a link to see it in action.

The showcase is the proof that dt-site-creator is opinionated but not template-bound. The same five archetypes (static-informational, brochure-with-checkout, mini-webapp, dashboard, and content-tool) power sites as different as a casket DTC brand, a 350-person staffing group's marketing site, an ESOP platform, an aged-care monitoring landing page, and an AI-assisted business plan. Each project picked a subset of mechanics — usually four to seven out of sixteen — and got a unique visual identity layered on top via the design system in the archetype's CLAUDE.md. The pattern is: archetype tells you the structure, mechanics give you the parts, and your own taste decides what it looks like.

🟢 LIVE · public 🔵 PREVIEW · on derrickteo.com ⚫ WIP · no public link
Your turn

Build yours

Pick an archetype, add mechanics, paste the assembled prompt into Claude — the same workflow that shipped every project above.

Prompt Assembly →