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

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

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

📚المصادر

بناء واجهة مستخدم Generative UI لوكلاء AI على Amazon Bedrock AgentCore باستخدام بروتوكول AG-UI

دليل رسمي من AWS Machine Learning Blog لنشر واجهات وكلاء AG-UI على Amazon Bedrock AgentCore. يشرح أنماط FAST لـ Strands Agents وLangGraph، ثم يدمج CopilotKit لإضافة واجهة مستخدم توليدية مضمّنة، وحالة مشتركة، وتدفقات human-in-the-loop مع Cognito وLambda وAmplify وAgentCore Runtime.

awsbedrock-agentcoreag-ui
بواسطة AWS · 2026-06
عرض المصدر
📚المصادر

إضافة MCP Apps إلى تطبيق AI SDK

دليل Vercel Knowledge Base لبناء مضيف MCP Apps باستخدام AI SDK. يوضح كيف يفصل `@ai-sdk/mcp` و`@ai-sdk/react` بين الأدوات المرئية للنموذج والأدوات الخاصة بالتطبيق، وكيف يقرآن موارد `ui://` ويعرضان واجهات أدوات تفاعلية داخل iframe معزول باستخدام `experimental_MCPAppRenderer`.

vercelai-sdkmcp-apps
بواسطة Vercel · 2026-06
عرض المصدر
📚المصادر

ag-ui-protocol/ag-ui

مستودع بروتوكول AG-UI الرسمي، ويُقدَّم بوصفه طبقة تفاعل الوكيل والمستخدم لإدخال الوكلاء إلى تطبيقات الواجهة الأمامية. أهميته أنه يقع أسفل العروض الخاصة بالتطبيقات: فهو يعرّف نموذج النقل والأحداث الذي يتيح لخلفيات الوكلاء بث الرسائل ونشاط الأدوات وتحديثات UI إلى منتجات حقيقية عبر عملاء متعددين.

protocolagent-uiopen-source
بواسطة AG-UI Contributors · 2026-06
عرض المصدر

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

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