Switch language한국어
Back to the list

I built /ai inside a notes app — here's how I render generated UI components safely

TL;DR AI

Key summary

2 min read
  1. A developer added a /ai command to a Tiptap notes app to generate interactive UI components directly inside the document.

  2. The app streams HTML, CSS, and JS into a node, stores the result in Supabase, and renders it only after completion.

  3. The generated UI runs in a sandboxed iframe with Tailwind loaded from a CDN, helping limit security risk.

  4. The setup shows a practical way to embed AI-built tools inline in notes while reducing context switching.

Read the original