The Result
Public link: https://craigwrenasmir.github.io/school-2026/
The Goal
The source material was a dense back-to-school article about practical AI inclusion strategies for 2026. It included layered ideas about student voice, executive functioning, and creativity, plus links to specific tools.
The goal was to turn that into a visual companion that educators could scan quickly, navigate by section, and act on immediately. The page needed to preserve nuance while making the key pathways and tools obvious.
Conversation Strategy
- Lock the framing first: keep the exact message of the original article and position the page as a visual companion, not a replacement.
- Chunk by pedagogical arc: structure content into three sections: getting to know students, executive functioning support, and creative potentials.
- Pair ideas with actions: embed real tool links alongside explanations so each section offers immediate next steps.
- Use progressive reveal: combine short summaries, flow-style steps, and card layouts to reduce cognitive overload.
- End with synthesis: close with key takeaways and resource links so the page supports both reflection and follow-up.
Dialogue Excerpt
- CraigI want this to be a visual companion to the Back to School 2026 article, not just another text dump.
- Code AII will keep your core ideas intact and redesign the structure for quick scanning and practical use.
- CraigPlease organise it into three practical pathways teachers can move through quickly.
- Code AII will build section cards for student understanding, executive functioning, and creative possibilities.
- CraigI want educators to act immediately, so tool links need to be visible where the ideas appear.
- Code AII will place live links for Interests, Task Analysis, and Floating Thoughts directly in those sections.
- CraigKeep the tone human and reflective, especially around inclusion and classroom atmosphere.
- Code AII will keep your language texture and use compact visual blocks to support different reading styles.
- CraigFinish with practical takeaways for Term 1 so people can walk away with a plan.
- Code AII will close with six concise takeaways and a resources panel for deeper exploration.
Infrastructure Notes
File Structure: single-page visual guide with section anchors for smooth in-page navigation.
Content Architecture: hero, section cards, tools previews, project examples, takeaways, and resources.
Hosting: GitHub Pages for open access and easy sharing with educators.
Deployment Workflow: local edits, commit, push to main, automatic Pages updates.
External Integrations: direct links to Universal Sandpit tools and related project pages.
Maintenance Pattern: update section cards and resources incrementally as 2026 classroom practice evolves.
Reusable Pattern
You could use this pattern to…
- convert long educational articles into navigable visual briefings for staff and school communities.
- pair inclusion principles with concrete tool links so ideas become practical steps.
- create start-of-term orientation pages for teachers that are fast to scan and easy to share.
- translate complex thought leadership into classroom-facing resources with clear takeaways.