July 10, 2026 — UQ & HKUST Innovation & Design Thinking Workshop
AI Toolbox
1. Markdown Language
2. AI Innovation & Design Thinking Tools
Collaboration Tools
| # | Tool Name | Description | Link |
|---|---|---|---|
| 01 | HedgeDoc.pro | Real-time online collaboration tool — multiple people can edit the same document simultaneously | hedgedoc.pro |
Team Collaboration Documents
| Team | Document Link |
|---|---|
| Shared — All UQ & HKUST Teams | Open Document |
| Team 1 | Open Document |
| Team 2 | Open Document |
| Team 3 | Open Document |
| Team 4 | Open Document |
| Team 5 | Open Document |
#1 The Language of Effective AI Communication — Markdown Syntax Quick Reference
Markdown is a lightweight markup language that uses simple symbols for formatting, letting writers focus on content rather than layout. Here are the most commonly used syntax elements when writing AI prompts:
| Element | Markdown Notation | Output |
|---|---|---|
| Heading | # Heading / ## Heading 2 |
6 levels using #–###### |
| Bold | **bold** |
bold |
| Italic | *italic* |
italic |
| List | - item or 1. item |
Bullet list / Numbered list |
| Link | [Link text](URL) |
Clickable hyperlink |
| Code | `code` or ```code block``` |
Inline code / Code block |
| Blockquote | > quoted text |
Blockquote |
| Divider | --- |
Horizontal rule |
| Table | | Col | Col ||-----|-----|| val | val | |
Columns separated by pipes; second row defines the header |
#2 Markdown in Action
Can you guess what language this very webpage is written in?
Open HedgeDoc.pro, create a new document, and paste the following Markdown code into the editor.
BASH
# AI Communication
## #1 Markdown Syntax Quick Reference
Markdown is a lightweight markup language that uses simple symbols for formatting,
letting writers focus on content rather than layout.
| Element | Markdown Notation | Output |
|------------|-------------------------------------------|---------------------------------|
| Heading | `# Heading` / `## Heading 2` | 6 levels using #--###### |
| Bold | `**bold**` | **bold** |
| Italic | `*italic*` | *italic* |
| List | `- item` or `1. item` | Bullet list / Numbered list |
| Link | `[Link text](URL)` | Clickable hyperlink |
| Code | `` `code` `` or ` ```code block``` ` | Inline code / Code block |
| Blockquote | `> quoted text` | Blockquote |
| Divider | `---` | Horizontal rule |
| Table | `\| Col \| Col \|` + `\|---\|---\|` | Columns separated by pipes |What do you see?
#3 Markdown Tools & References
- Free offline Markdown editor: Sublime Text
- Markdown Cheat Sheet (online) / Download Cheat Sheet
AI-Powered Tools for Innovation & Design Thinking
| # | Tool | Description | Link |
|---|---|---|---|
| 01 | v0.dev | AI UI generator by Vercel — describe any interface in plain English and instantly get production-ready React & Tailwind code | v0.dev |
| 02 | bolt.new | AI full-stack app builder — describe your app idea in a sentence and get a complete, live, deployable web application in minutes | bolt.new |
| 03 | Cursor | AI-powered code editor based on VS Code — intelligent code generation, editing, and debugging powered by frontier AI models | cursor.com |
Prompt: Create a UI Mock-Up Only
BASH
# I want to build a demo for my web app.
# This is a pure UI mock-up only --- do not implement any actual features or back-end code.
# General UI style guidance:
//
// Describe the overall UI style you want (e.g. clean and minimal, colorful and playful, dark mode, etc.)
//
# Web app definition:
//
// Describe the requirements of your web app (what it does, key screens, user flows, etc.)
//