Structured lab report builder with guided sections for hypothesis, materials, procedure, data tables, analysis, and conclusion. Fill in each section with contextual prompts and writing tips, then export a complete, properly formatted report.
Build Prompt
Copy this prompt into Claude Code
Build a static HTML lab report builder. Dark theme: background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent #6366f1. All data auto-saved to localStorage under key "lab_report_data".
The page is a single-page form organized as a vertical stepped layout. Each section is a card with a header, completion checkbox, and instructional tooltip. Sections in order:
1. Title & Header — experiment name, student name, partner names, class/period, date, teacher name.
2. Objective / Purpose — textarea with placeholder: "State what you were trying to find out or prove."
3. Hypothesis — textarea with "If [variable], then [outcome] because [reasoning]." format hint. Add a button "Use IF-THEN Format" that inserts the template structure.
4. Materials — dynamic list builder: click "+ Add Item" to add material rows (quantity + item name). Drag-to-reorder. Include "Common Lab Materials" quick-add buttons (beaker, graduated cylinder, hot plate, safety goggles, etc.).
5. Procedure — numbered step list builder. Click "+ Add Step" adds a new numbered textarea. Steps reorderable via up/down arrows.
6. Data / Observations — dual-mode: (a) Data Table builder: user sets row count + column count, names headers, fills cells inline. Renders as a styled HTML table. (b) Qualitative Observations: freeform textarea for descriptive notes.
7. Calculations — textarea with monospace font for showing work, plus a simple unit converter widget (g↔kg, mL↔L, °C↔°F, cm↔m).
8. Analysis & Discussion — textarea with sub-prompts: "What patterns did you observe?", "What were potential sources of error?", "How does this support or contradict your hypothesis?"
9. Conclusion — textarea with structural checklist: restate purpose, summarize findings, evaluate hypothesis, describe errors, suggest improvements.
Sticky sidebar (desktop) shows section completion progress: X/9 sections complete with a progress ring.
"Preview Report" button renders all content as a clean print-ready white-background page with standard lab report formatting. "Export as HTML" button downloads the rendered preview. "Clear & Start New" with confirmation dialog.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Subject Mode Presets
Switch between Biology, Chemistry, and Physics modes to show subject-relevant field hints and unit suggestions.
Graph Builder
Paste data table values and auto-generate a bar or line graph as an SVG for embedding in the report.
Rubric Checker
Upload your teacher's rubric criteria and get a checklist that validates each section before submission.
Error Analysis Calculator
Input accepted value and experimental value to auto-calculate percent error with the formula shown.
Citation Generator
Add reference sources with a form and auto-format them into MLA or APA style for the bibliography section.
Lab Partner Sharing
Export a share link that pre-fills your partner's copy with the shared data table and materials list.
Update Prompt
Update Prompt — Add new subject presets and safety section
Add a Safety Precautions section between Materials and Procedure. Include a quick-add checklist of common lab safety rules (goggles required, no food/drink, etc.) plus a freeform field for experiment-specific hazards. Also add an Environmental Science subject mode with relevant field hints. Redeploy.
SEO Tips
Target "lab report template", "how to write a lab report", and "lab report format" — consistently high search volume.