AI Tools for Art Learning
Phototyping
📘 Book Publishing Platform
Medium: Web App (VScode+React + Firebase+LLM)
Year: 2025
I transformed a year-long Book Publishing course into an interactive online platform that allows students to complete the entire creative journey ：
research → brainstorming → story mountain → writing and editing → book dummy → final draft upload → export
The platform integrates classroom experience and workflow design into a seamless creative system where students can move fluidly between inspiration, structure, writing, feedback, and publication.
🔍 Highlight 1 — Brainstorming with AI
My favorite part is the word-tile inspiration game combined with AI-assisted brainstorming, which encourages students to freely explore connections between words, ideas, and emotions while developing their stories.
✏️ Highlight 2 — Interactive Editing
In the text editing interface, students can see teacher comments alongside their writing, supporting iterative reflection, revision, and collaborative storytelling.
UI Concept - Medieval Fantasy Map
We are all sailors navigating through stories.
💡 Story & Character Brainstorming Tool
Medium: Web-based Creative Assistant (VScode+Gradio +LLM)
Year: 2024–2025
This AI-powered mini tool helps students brainstorm storylines, characters, and settings through playful interaction. It was originally developed as part of the Book Publishing course to make the early stages of creative writing more intuitive and inspiring.
🧩 Students can start by mixing keywords from categories such as Who, Where, Doing What, Emotion, and Conflict— much like a magnetic poetry game. The AI then expands their choices into vivid story prompts,
character ideas, and plot directions, guiding them from abstract imagination to concrete narrative possibilities.
💬 By combining language play, visual cues, and AI suggestions, the tool transforms the brainstorming phase into a creative dialogue between the learner and the machine — fostering curiosity, narrative thinking, and confidence in storytelling.
