40-minute introduction
Discover TechTahi
Turn natural-language ideas into useful, interactive digital tools—without needing to begin as a programmer.
Understand See it work Try the workflow
TechTahi
Our route
From an idea to a working tool in four moves
01 · WhyAccess and rationale
02 · HowPrompt, preview, refine
03 · TryA short live build
04 · ApplyIdeas, limits, next steps
The goal is confidence and informed experimentation—not mastery in one session.
Rationale
Digital making should be open to more people
◎
Open to all
Lower the entry barrier for educators, staff, creatives, and community innovators.
◈
Safe experimentation
Preview, test, and improve ideas in a supportive environment.
⌂
A digital wharenui
A shared, low-cost space where people can learn, create, and exchange ideas.
People and possibilities
Useful wherever an idea needs an interface
Education
Activities, demonstrations, simulations, formative learning tools.
Work and research
Calculators, dashboards, local utilities, data exploration.
Creative and community
Stories, maps, cultural resources, interactive media and games.
Core workflow
Describe → generate → preview → improve
DescribeState the audience, purpose, inputs, outputs, and look.
GenerateTechTahi turns the request into browser-ready code.
PreviewInteract with the result and test what matters.
ImproveAsk for focused changes or use Edit GUI.
Main idea: natural language becomes a practical bridge to editable HTML, CSS, and JavaScript.
Live demonstration
Build a world clock
Starter prompt
Create a responsive world clock showing the current time in Auckland, Tokyo, London, and New York. Use clear cards, show each date and time zone, and update every second.
Watch for
- Does it run immediately?
- Are the cities and times correct?
- Does the layout adapt?
- What one improvement would help most?
Iteration
The first result is a draft, not a verdict
1
Test
Click everything. Try awkward values. Resize the window.
2
Request one change
Be specific about behaviour, content, or appearance.
3
Edit visually
Use Edit GUI for labels, colours, spacing, and other direct refinements.
Example: “Add a 12/24-hour toggle and highlight the city where it is currently daytime.”
Why the workflow helps
Fast feedback makes ideas easier to think with
Visible
You can see what the request produced, not only read a code response.
Editable
You can refine both through language and through the interface.
Portable
The result can be saved as an HTML file and opened in a browser.
Privacy-conscious design
Use AI to build the tool—not necessarily to process the data
At generation time
Your description is used to produce code. Do not include sensitive personal or institutional data in a prompt.
At use time
A well-designed tool can run locally in the browser. Files and records can remain on the device.
Important: local operation depends on the generated design. Inspect and test before trusting a tool with sensitive material.
Local-first examples
Keep private content separate from the creative prompt
Breadth
One workflow, many forms of output
Images and media
Filters, transforms, audio, animation, icons, and ready-made assets.
Meaningful applications
Interactivity can make abstract ideas tangible
Learning by manipulating
Use Tower of Hanoi, recursive trees, live graphs, or simulations to expose patterns and decisions.
Culturally grounded creation
Develop language, story, mapping, and community resources with appropriate consultation and care.
Technology is most valuable when the activity serves a real learning or community purpose.
A useful prompt pattern
Purpose + audience + behaviour + content + style
Create an interactive Tower of Hanoi activity for first-year students. Let users choose 3–6 disks, move disks by clicking, and see a move counter. Include a short explanation and reset button. Use a calm, accessible layout.
Be concrete
Name inputs, outputs, and important actions.
Add constraints
State privacy, accessibility, device, or library needs.
Refine in steps
Ask for the highest-value change next.
Copy Enhance Query
Use enhancement to reveal missing detail—not to surrender judgment
Good use
Expand a short idea into clearer functionality, layout, accessibility, and error-handling requirements.
Then review
Remove assumptions, jargon, unnecessary scope, and anything that changes your intent.
Complex systems
TechTahi is strongest for prototypes and browser-based tools
Strong fit
- Single-page utilities
- Teaching demonstrations
- Interactive prototypes
- Local data exploration
Engineering still matters
- Authentication and permissions
- Databases and multi-user systems
- Security-critical workflows
- Long-term maintenance and compliance
Before sharing
Generated does not mean verified
Correct?
Test calculations, edge cases, links, and claims.
Safe?
Check data flows, storage, dependencies, and permissions.
Usable?
Check keyboard use, contrast, mobile layout, labels, and instructions.
For consequential uses, involve an appropriately qualified reviewer.
Choose a next experiment
Start small, useful, and testable
Teaching
Build a concept visualiser or self-check activity.
Everyday work
Build a calculator, formatter, checklist, or local search tool.
Creative practice
Build an interactive map, audio toy, image tool, or story interface.
Ask: Who is it for? What should they be able to do? How will I know it works?
Take-away
TechTahi helps more people move from “I have an idea” to “I have something I can test.”
Remember
Describe clearly. Preview critically. Refine deliberately. Protect sensitive data.
Questions or suggestions?
What could this workflow make possible in your teaching, work, or community?