Solution · Build

A Voxel directory from a description — cards, listings, search

Preview cards, listing pages and wired search — from one description. Below: the exact prompts, the process, and the tools it runs on.

The job

A Voxel directory is mostly templates: preview cards, single listing pages, archives, and search pages where the form, results and map have to be wired to each other. The Voxel Pro Skill builds that design layer from a description — using Voxel's own widgets, bound to your real fields with dynamic tags.

Everything is checked against an actual listing before it's saved, so the templates render data, not placeholders.

The prompts, exactly as you'd type them

Plain English is the interface. These are real prompts for this job — copy them, swap in your own names, and adjust in conversation.

The templates

Build the templates for a restaurant directory: preview card (photo, name, cuisine, rating), single listing page, archive, and a search page where the filters, results and map are wired together.

Refine

On the preview card, move the rating under the name and add the price range. Re-check against a real listing.

Seed

Create 25 demo listings from this sheet so the directory looks alive on launch day.

The process — what actually happens

Every write follows the same shape: the agent reads before it writes, shows you a plan, and nothing lands without your approval. The audit log records every call.

  1. The Voxel integration reads your post types and fields — nothing is invented.
  2. Voxel Pro builds each template from Voxel's own widgets with dynamic tags bound to real fields.
  3. Every template is validated against an existing listing before saving; dry run available.
  4. Search pages come wired: form ↔ results ↔ map.
  5. Backups and the audit log cover every write.

The tools this uses

Runs on the Voxel integration and the Voxel Pro Skill:

  • nibwp/voxel-* — post types, fields, listings
  • nibwp/voxel-pro-build — card → single → archive → search-page
  • Listing seeding through core + Voxel tools

The outcome

The design layer of a directory — usually the slow part — lands in an afternoon, bound to real data. The €20K directory playbook shows the business side.

Related solutions

Playbook: the 20K directory website · Voxel directory with AI.

Describe the directory. Ship the templates.

The Bundle includes the Voxel integration and Voxel Pro — the whole build layer.