·templui

متى: يقوم المستخدم بإنشاء تطبيقات الويب Go/Templ، باستخدام مكونات templUI، وتحويل المواقع إلى Templ، السؤال عن بناء جملة templ، وقوالب Script()، وتكامل HTML/Alpine، وJavaScript في templ، أو العمل مع ملفات .temple. يتم تشغيله أيضًا عندما يذكر المستخدم "مكتبة المكونات"، و"مكونات واجهة المستخدم"، "الأزرار/البطاقات/النماذج/الجداول" في مشروع ويب Go، "إنشاء قالب"، Alpine.js مع Go، أو يسأل عن كيفية إنشاء واجهات مستخدم تفاعلية في Go بدون React/Vue. قم بالتنشيط كلما كانت ملفات .temple موجودة في المشروع أو templUI في التبعيات. متى لا: المشاريع غير الحكومية، وأطر الواجهة الأمامية لجافا سكريبت/TypeScript الخالصة

21التثبيتات·0الرائج·@gopherguides

التثبيت

$npx skills add https://github.com/gopherguides/gopher-ai --skill templui

كيفية تثبيت templui

ثبّت مهارة الذكاء الاصطناعي templui بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/gopherguides/gopher-ai --skill templui
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: gopherguides/gopher-ai.

templUI & HTMX/Alpine Best Practices Apply templUI patterns and HTMX/Alpine.js best practices when building Go/Templ web applications.

| HTMX | Server-driven interactions | AJAX requests, form submissions, partial page updates, live search | | Alpine.js | Client-side state & reactivity | Toggles, animations, client-side filtering, transitions, local state | | templUI | Pre-built UI components | Dropdowns, dialogs, tabs, sidebars (uses vanilla JS via Script() templates) |

Note: templUI components use vanilla JavaScript (not Alpine.js) via Script() templates. This is fine - Alpine.js is still part of the stack for your custom client-side needs.

متى: يقوم المستخدم بإنشاء تطبيقات الويب Go/Templ، باستخدام مكونات templUI، وتحويل المواقع إلى Templ، السؤال عن بناء جملة templ، وقوالب Script()، وتكامل HTML/Alpine، وJavaScript في templ، أو العمل مع ملفات .temple. يتم تشغيله أيضًا عندما يذكر المستخدم "مكتبة المكونات"، و"مكونات واجهة المستخدم"، "الأزرار/البطاقات/النماذج/الجداول" في مشروع ويب Go، "إنشاء قالب"، Alpine.js مع Go، أو يسأل عن كيفية إنشاء واجهات مستخدم تفاعلية في Go بدون React/Vue. قم بالتنشيط كلما كانت ملفات .temple موجودة في المشروع أو templUI في التبعيات. متى لا: المشاريع غير الحكومية، وأطر الواجهة الأمامية لجافا سكريبت/TypeScript الخالصة المصدر: gopherguides/gopher-ai.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/gopherguides/gopher-ai --skill templui
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-10

Browse more skills from gopherguides/gopher-ai

إجابات سريعة

ما هي templui؟

متى: يقوم المستخدم بإنشاء تطبيقات الويب Go/Templ، باستخدام مكونات templUI، وتحويل المواقع إلى Templ، السؤال عن بناء جملة templ، وقوالب Script()، وتكامل HTML/Alpine، وJavaScript في templ، أو العمل مع ملفات .temple. يتم تشغيله أيضًا عندما يذكر المستخدم "مكتبة المكونات"، و"مكونات واجهة المستخدم"، "الأزرار/البطاقات/النماذج/الجداول" في مشروع ويب Go، "إنشاء قالب"، Alpine.js مع Go، أو يسأل عن كيفية إنشاء واجهات مستخدم تفاعلية في Go بدون React/Vue. قم بالتنشيط كلما كانت ملفات .temple موجودة في المشروع أو templUI في التبعيات. متى لا: المشاريع غير الحكومية، وأطر الواجهة الأمامية لجافا سكريبت/TypeScript الخالصة المصدر: gopherguides/gopher-ai.

كيف أثبّت templui؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/gopherguides/gopher-ai --skill templui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/gopherguides/gopher-ai

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-03-09