سير عمل نظام تصميم Kitchen Sink لأي حزمة واجهة أمامية - Next.js، أو Hugo، أو Astro، أو SvelteKit، أو Nuxt، أو HTML العادي. استخدمها عندما يُطلب منك صفحة حوض المطبخ، أو نظام التصميم، أو تدقيق واجهة المستخدم، أو دليل النمط، أو مخزون المكونات، أو عندما يحتاج المشروع إلى مخزون المكونات بالإضافة إلى إنشاء المكونات وتنفيذ صفحة الحوض.
ثبّت مهارة الذكاء الاصطناعي kitchen-sink-design-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: baphomet480/claude-skills.
Build every component for real, wire it into a single sink page, and let the page prove the design system works.
Before anything else, identify the project's framework and lock in the implementation strategy. If you cannot see the file tree, stop and request it.
| next.config., app/ or pages/ | Next.js (React) | | hugo.toml, hugo.yaml, layouts/partials/ | Hugo | | astro.config., src/components/ | Astro | | nuxt.config. | Nuxt (Vue) | | svelte.config. | SvelteKit | | None of the above | Static HTML/CSS |
سير عمل نظام تصميم Kitchen Sink لأي حزمة واجهة أمامية - Next.js، أو Hugo، أو Astro، أو SvelteKit، أو Nuxt، أو HTML العادي. استخدمها عندما يُطلب منك صفحة حوض المطبخ، أو نظام التصميم، أو تدقيق واجهة المستخدم، أو دليل النمط، أو مخزون المكونات، أو عندما يحتاج المشروع إلى مخزون المكونات بالإضافة إلى إنشاء المكونات وتنفيذ صفحة الحوض. المصدر: baphomet480/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/baphomet480/claude-skills --skill kitchen-sink-design-systemسير عمل نظام تصميم Kitchen Sink لأي حزمة واجهة أمامية - Next.js، أو Hugo، أو Astro، أو SvelteKit، أو Nuxt، أو HTML العادي. استخدمها عندما يُطلب منك صفحة حوض المطبخ، أو نظام التصميم، أو تدقيق واجهة المستخدم، أو دليل النمط، أو مخزون المكونات، أو عندما يحتاج المشروع إلى مخزون المكونات بالإضافة إلى إنشاء المكونات وتنفيذ صفحة الحوض. المصدر: baphomet480/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/baphomet480/claude-skills --skill kitchen-sink-design-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/baphomet480/claude-skills