العودة إلى القائمة
📚المصادر

AI هو UI الجديدة: Generative UI مع FastHTML

Pol Alvarez Vecino
2025-04

حول

دليل متعمق من Pol Alvarez Vecino يوضح بناء تطبيقات Generative UI تفاعلية باستخدام FastHTML وHTMX في أقل من 150 سطراً من الكود. يستكشف المقال التطور من واجهات المحادثة النصية فقط إلى GenUI للعرض فقط ثم GenUI التفاعلية بالكامل، ويشرح كيف تلغي مقاربة hypermedia اقتران العقد بين الواجهة الأمامية والخلفية، ما يتيح لـ LLMs توليد واجهات ديناميكية حقيقية.

الملخص

دليل FastHTML + HTMX:

1. كود قليل: تطبيق GenUI كامل بأقل من 150 سطراً
2. مقاربة Hypermedia: تلغي اقتران العقد بين الواجهة الأمامية والخلفية
3. مسار التطور: من المحادثة النصية إلى GenUI للعرض فقط ثم التفاعل الكامل
4. مبني على Python: يستخدم FastHTML للتطوير السريع
5. تكامل HTMX: تحديثات ديناميكية من دون JavaScript معقد

ابتكار أساسي: تولد LLMs HTML مباشرةً، ما يلغي الحاجة إلى JSON APIs

الوسوم

mediumfasthtmlhtmxtutorialpython

مقالات ذات صلة

📚المصادر

Cloudflare D1: Scaling Databases for AI-Generated Apps

Cloudflare D1's official engineering article explains the database infrastructure behind AI-generated apps and vibe coding platforms. It covers scaling a control plane for many small databases per user, application, preview or tenant, keeping routing and usage accounting off the query hot path. For Generative UI builders, it is a backend architecture reference for persistent generated applications.

cloudflare-d1ai-generated-appsvibe-coding
بواسطة Cloudflare · 2026-10-13
عرض المصدر
📚المصادر

Genkit Dart 1.0: Streaming A2UI Integration for Flutter

Google's Genkit Dart 1.0 announcement connects a stable AI backend core with genkit_a2ui for streaming agent-generated forms, date pickers, and confirmation cards into native Flutter widgets. The linked implementation guide covers catalog validation, streamed surface messages, and user actions; the Agents API and A2UI plugin remain in preview.

generative-uia2uidart
بواسطة Chris Gill / Google · 2026-10-08
عرض المصدر
📚المصادر

assistant-ui: Component Vocabulary for Generative UI

Official implementation guide for @assistant-ui/react-generative-ui, an open-source runtime that lets models compose JSON interface trees through a present tool. It covers registered React components, Zod prop schemas, opt-in streaming, action handlers, and adapters for Slack, Teams, and A2UI.

generative-uireactcomponent-catalog
بواسطة assistant-ui · 2026-10
عرض المصدر

مجموعة منتقاة من مصادر Generative UI وIntelligent UI وGenUI وواجهات AI الديناميكية.

صُنع باستخدام ❤️ من قِبل المجتمع