house-poc-builder
Skill0 starsChanged 9 months agoMITView on GitHub
Build ONE self-contained, deployable single-page index.html in the TresPies "official-document" house style (the ip-scout aesthetic) — cream paper, serif/mono, seeded determinism, a landing→artifact flow, a load-bearing general-wellness/regulatory guardrail, and real-data baking when a credible source exists. Use when "build a house-style tool", "make a trespies-poc page", "single-page POC to the ip-scout look", or as Phase 2 of poc-tool-forge.
In this repository47 other files it gives its agents.
- agent-teachingSkill
- cf-pages-trespies-deploySkill
- compression-ritualSkill
- context-ingestionSkill
- decision-propagationSkill
- documentation-auditSkill
- era-architectureSkill
- file-managementSkill
- frontend-from-backendSkill
- handoff-protocolSkill
- health-auditSkill
- implementation-promptSkill
- iterative-scoutingSkill
- mcp-cloudflare-builderSkill
- mcp-server-builderSkill
- memory-gardenSkill
- multi-surface-strategySkill
- parallel-tracksSkill
- patient-learning-protocolSkill
- planning-with-filesSkill
- poc-tool-forgeSkill
- pre-implementation-checklistSkill
- process-extractionSkill
- product-positioningSkill
- project-explorationSkill
- release-specificationSkill
- repo-context-syncSkill
- repo-statusSkill
- research-modesSkill
- research-synthesisSkill
- retrospectiveSkill
- seed-extractionSkill
- seed-librarySkill
- seed-to-skill-converterSkill
- semantic-clustersSkill
- skill-audit-upgradeSkill
- skill-creationSkill
- skill-maintenanceSkill
- spec-constellation-to-prompt-suiteSkill
- static-tool-verifySkill
- status-templateSkill
- status-writingSkill
- strategic-scoutSkill
- strategic-to-tactical-workflowSkill
- web-research-externalSkill
- workflow-routerSkill
- workspace-navigationSkill
The file
We split this skill into the rules it gives an agent
3 rules. About 0 are common, 2 are distinctive, and 1 is very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈2
Distinctive · estimate
This author's own choices. Worth a look.
1
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Very specific: line 32
Every chart/gauge/visualization is real inline SVG driven by computed values — not an image, not faked.
- Distinctive: line 48
Never fabricate or alter a number: Every figure traces to the snapshot.
- Distinctive: line 62
NOT write a summary .md". Model: Opus for the flagship, Sonnet for the rest.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
OpenClaw Integration: This skill is invoked by the Dojo Genesis plugin via
/dojo run house-poc-builder. The agent receives project context automatically via thebefore_agent_starthook. Usedojo_get_contextfor full state,dojo_save_artifactto persist outputs, anddojo_update_stateto record phase transitions and decisions.
house-poc-builder — one self-contained POC tool, house style
Builds a single trespies-poc/<slug>/index.html: no build step, no dependencies, no runtime
network calls, works by double-clicking the file. Canonical reference to read first:
trespies-poc/ip-scout/index.html (the design-system source of truth). Part of poc-tool-forge.
The house design system (match it exactly)
- Cream "official document" feel. CSS vars:
--cream:#f8f5ef; --cream-dark:#ede9e0; --ink:#1a1a1a; --ink-mid:#3a3a3a; --ink-light:#6b6b6b; --rule:#c8bfaa; --gold:#8b6914; --red:#8b1a1a; --blue:#1a3a8b;body background#d4cfc5. - System fonts only:
--serif:'Times New Roman','Times','Georgia',serif;--mono:'Courier New','Courier',monospace; - Signature touches: hard offset box-shadows (
3px 3px 0 var(--ink)), thin--rulehairlines, uppercase letter-spaced section titles, a circular embossed stamp, a faint rotated stamp watermark over the artifact, an italic small-print footer. - Flow: centered landing (stamp, big serif H1 with one word italic-red, italic tagline, input(s),
example/preset chips) → on submit hide landing, reveal a generated artifact with a "← back"
link + action bar (Regenerate / Copy / Start over). Responsive (~600px breakpoint). Tasteful reveal
animation (the ip-scout
pageIn). - Determinism: copy the
hash/makeRng/pick/randhelpers from ip-scout and key the RNG off the input — same input → same artifact; "regenerate" re-rolls. Light keyword reading of the input tilts the output so different inputs feel genuinely different, while ANY input is handled gracefully. - Every chart/gauge/visualization is real inline SVG driven by computed values — not an image, not faked.
The load-bearing regulatory guardrail (non-negotiable — these deploy publicly)
Most of these tools are health/body-adjacent. They are general-wellness / decision-literacy / entertainment — never medical advice, diagnosis, or clinical interpretation. Bake in:
- A visible disclaimer banner near the top of the artifact and a footer disclaimer.
- Frame outputs as illustrative / for-reflection / "talk to your clinician" — never a directive or verdict.
- Match the framing to the tool (e.g. "decision-literacy, not a recommendation"; "a directional wellness signal, not a measurement"; "an illustrative almanac, not a clinical forecast"; "a game, not clinical reference ranges"). When in doubt, more disclaimer, not less.
Real-data baking (the ip-scout / contagion pattern — use when a credible source exists)
- Capture a real snapshot at build time (e.g. via an MCP — PopHIVE for public-health data, the
model-exhaust-poc/run for model benchmarks), save it totrespies-poc/<slug>/data/<name>.jsonwith a_metablock (source, attribution, captured/as-of dates, deeplink), and inline it into the page asconst DATA = {...}. The page stays static; no fetch at runtime. - Never fabricate or alter a number. Every figure traces to the snapshot. Show provenance loudly (a source/as-of bar near the top + full attribution in the footer; honor source-specific credit requirements, e.g. Yale/DOI, Epic Cosmos, Google).
- Sanity-check that the rendered framing is honest, not just that the numbers are right. A real bug this session: deriving severity from cross-state rank labeled a quiet summer "HIGH"; the fix was to band on absolute severity (% of seasonal peak) so the output matched reality. Numbers can be correct and the framing still misleading — check both.
Dispatch template (when building via an Agent)
Give the agent, in one prompt: (1) the exact output path + "write the whole file in ONE Write call";
(2) "READ trespies-poc/ip-scout/index.html in full and match its visual DNA" + the tokens above;
(3) the specific mechanic + artifact structure; (4) the guardrail; (5) the data file path + "inline
verbatim, never invent" if real-data; (6) "VERIFY: file exists + non-trivial, node --check the
extracted JS, serve + curl 200, ALWAYS kill any server you start"; (7) "return findings directly, do
NOT write a summary .md". Model: Opus for the flagship, Sonnet for the rest.
Done-when
Self-contained file that opens offline, matches the house look, has the guardrail in two places, real
SVG visualizations, deterministic output, and (if real-data) verbatim provenance. Then hand to
static-tool-verify.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

