A visual catalog for website building
Web Craft Resources
See the effects, templates, prompts, workflows, and tools behind the websites I build. Open any resource to understand what it does and when to use it.
Find the right starting point.
Pull-Forward Card Deck
An overlapping project deck that brings the card nearest the pointer or keyboard focus to the front with spring-driven motion.
- Live demo
- Keyboard
- Reduced motion
Rigid Tow Artifact Cursor
A pointer-driven rigid-body interaction that tows a vehicle or visual artifact from a fixed front attachment.
Fluid Cursor Trail
A GPU-rendered fluid trail that turns pointer movement into a controlled ribbon of color and motion.
Particle Headline Morph
A display headline rebuilt as particles that assemble, drift, and transition between approved phrases.
Wipe Reveal Hero
A layered hero that lets the visitor uncover a transformed website or visual state with a controlled wipe.
Cinematic Transformation Hero
A transformation-led hero that makes a credible old-to-new change visible through purposeful motion.
Product Context Template
A starting structure for the audience, purpose, positioning, principles, and constraints that govern a website build.
Content Contract Template
A truth-bounded contract for message hierarchy, approved claims, route copy, calls to action, and unresolved content gaps.
Design System Template
A reusable structure for typography, color, layout, imagery, components, responsive behavior, and accessibility decisions.
Motion Brief Template
A planning document for motion purpose, sequence, interaction triggers, mobile adaptation, and reduced-motion equivalence.
Website Build Contract
A production contract that locks scope, sources, content, design, motion, release posture, and acceptance criteria.
Website Launch Checklist
A reference checklist for the visible, technical, search, and operational details that need attention around launch.
Pull-Forward Card Deck Template
The reusable code package behind the Pull-Forward Card Deck, including the engine, styling, demo assets, and tests.
Cinematic Transformation Prompt
Creative direction for a hero that makes a truthful before-and-after transformation physically visible.
Website Loop Prompt
A prompt framework for planning and building a three-dimensional animated website experience as a coherent loop.
Cinematic Transformation Recipe
A workflow that combines context, creative direction, motion implementation, optional media, and accessibility gates.
Wipe Reveal Hero Recipe
A reusable production record for the scroll-driven wipe reveal hero and its implementation boundaries.
Prospect Website Rebuild
An end-to-end workflow for researching, concepting, anonymizing, building, and reviewing a prospect website preview.
Website Concept Sprint
A structured process for exploring several visual directions, selecting one, and preparing an implementation handoff.
Particle Headline Morph Recipe
The complete production path for assembling and morphing display language with particles while preserving real text.
Fluid Cursor Trail Recipe
A complete WebGL fluid-cursor workflow with activation guards, parameters, accessibility behavior, and failure posture.
Rigid Tow Artifact Recipe
A portable integration workflow for the rigid tow solver, visual artifact, cleanup path, and regression checks.
Pull-Forward Card Deck Recipe
The integration workflow for adapting the card deck's content, geometry, spring motion, responsive behavior, and tests.
Agenseo Web Director
The neutral entry point that turns a website request into the smallest appropriate Webcraft workflow and approval path.
Website Copywriting
A truth-bounded writing workflow for message architecture, route copy, calls to action, and design-fit refinement.
Pre-Launch Website Audit
An independent, report-only review of launch readiness across design, accessibility, search, security, and operations.
Post-Launch Website Audit
A time-bound production-health review for journeys, indexing, analytics, performance, reliability, and recovery signals.
Website Build QA
Independent verification of code correctness, types, tests, runtime behavior, regressions, and the exact reviewed commit.
Patch Website
A focused release lane for small, low-risk, reversible corrections to an existing production website.
Ship Website
The controlled release workflow for delivering a verified website commit, confirming production, and starting closeout.
Closeout Website Build
The final delivery record and repository-hygiene workflow that reconciles production, local main, branches, and worktrees.
Agenseo Scroll Media
A shared command-line interface for preparing and verifying media used in scroll-controlled website experiences.