تقديم رموز الحمض النووي إلى إطارات Pencil .pen. يفعل شيئا واحدا جيدا. الإدخال: كود DNA + نوع المكون (البطل، البطاقة، النموذج، إلخ.) الإخراج: معرف إطار القلم + لقطة الشاشة يُستخدم عندما: يحتاج استكشاف التصميم أو المنسقون الآخرون إلى العرض المقترحات المرئية باستخدام الواجهة الخلفية لـ Pencil MCP.
ثبّت مهارة الذكاء الاصطناعي pencil-renderer بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: phrazzld/claude-config.
Translate aesthetic DNA codes into Pencil .pen frames via MCP.
DNA axis → Pencil property mapping is deterministic. Example: centered layout → alignItems: "center", symmetric padding
| hero | Container + headline + subhead + CTA buttons | | card | Container + image area + content + actions | | form | Container + labels + inputs + submit | | nav | Container + logo + links + actions | | footer | Container + columns + links + legal | | section | Container + heading + content grid | | button | Frame + text + icon slot |
تقديم رموز الحمض النووي إلى إطارات Pencil .pen. يفعل شيئا واحدا جيدا. الإدخال: كود DNA + نوع المكون (البطل، البطاقة، النموذج، إلخ.) الإخراج: معرف إطار القلم + لقطة الشاشة يُستخدم عندما: يحتاج استكشاف التصميم أو المنسقون الآخرون إلى العرض المقترحات المرئية باستخدام الواجهة الخلفية لـ Pencil MCP. المصدر: phrazzld/claude-config.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/phrazzld/claude-config --skill pencil-rendererتقديم رموز الحمض النووي إلى إطارات Pencil .pen. يفعل شيئا واحدا جيدا. الإدخال: كود DNA + نوع المكون (البطل، البطاقة، النموذج، إلخ.) الإخراج: معرف إطار القلم + لقطة الشاشة يُستخدم عندما: يحتاج استكشاف التصميم أو المنسقون الآخرون إلى العرض المقترحات المرئية باستخدام الواجهة الخلفية لـ Pencil MCP. المصدر: phrazzld/claude-config.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/phrazzld/claude-config --skill pencil-renderer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/phrazzld/claude-config