·prototype-to-production
*

prototype-to-production

تحويل نماذج التصميم الأولية (صادرات HTML وCSS وFigma) إلى مكونات جاهزة للإنتاج. يحلل بنية النموذج الأولي، ويستخرج الرموز المميزة للتصميم، ويحدد الأنماط القابلة لإعادة الاستخدام، ويولد مكونات React المكتوبة. يتكيف مع المكدس الفني للمشروع الحالي باستخدام React + TypeScript كإعداد افتراضي.

19التثبيتات·1الرائج·@ariegoldkin

التثبيت

$npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production

كيفية تثبيت prototype-to-production

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

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

المصدر: ariegoldkin/ai-agent-hub.

Convert design prototypes into production-ready, typed components by analyzing structure, extracting patterns, and generating clean code.

| Input Type | Detection Method | Key Patterns |

| Super-design | Path: .superdesign/designiterations/.html | Flowbite, Tailwind CDN, theme CSS references | | Generic HTML | Any .html file | Standard HTML structure, inline/external CSS | | Figma Export | Figma-specific class names | figma-, absolute positioning, frame naming |

تحويل نماذج التصميم الأولية (صادرات HTML وCSS وFigma) إلى مكونات جاهزة للإنتاج. يحلل بنية النموذج الأولي، ويستخرج الرموز المميزة للتصميم، ويحدد الأنماط القابلة لإعادة الاستخدام، ويولد مكونات React المكتوبة. يتكيف مع المكدس الفني للمشروع الحالي باستخدام React + TypeScript كإعداد افتراضي. المصدر: ariegoldkin/ai-agent-hub.

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

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

أمر التثبيت
npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from ariegoldkin/ai-agent-hub

إجابات سريعة

ما هي prototype-to-production؟

تحويل نماذج التصميم الأولية (صادرات HTML وCSS وFigma) إلى مكونات جاهزة للإنتاج. يحلل بنية النموذج الأولي، ويستخرج الرموز المميزة للتصميم، ويحدد الأنماط القابلة لإعادة الاستخدام، ويولد مكونات React المكتوبة. يتكيف مع المكدس الفني للمشروع الحالي باستخدام React + TypeScript كإعداد افتراضي. المصدر: ariegoldkin/ai-agent-hub.

كيف أثبّت prototype-to-production؟

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

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

https://github.com/ariegoldkin/ai-agent-hub