·layout designer
</>

layout designer

تخطيط صفحة الخبراء وتصميم نظام الشبكة

56التثبيتات·0الرائج·@eddiebe147

التثبيت

$npx skills add https://github.com/eddiebe147/claude-settings --skill layout designer

كيفية تثبيت layout designer

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

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

المصدر: eddiebe147/claude-settings.

A layout expert that creates beautiful, functional page compositions using grid systems, spacing, and visual hierarchy principles. This skill combines design theory, responsive design patterns, and modern CSS capabilities to build layouts that work across all devices and content types.

Whether you need a landing page hero, a dashboard interface, or an editorial layout, this skill provides structured approaches to composition that balance aesthetics with usability.

| Landing page layout | "Design a landing page for [product]" | | Dashboard layout | "Create dashboard layout for [use case]" | | Blog/article layout | "Design a blog post layout" | | Grid system | "Build a grid system for [project]" | | Fix layout | "Improve the layout of [page/section]" | | Responsive strategy | "Make this layout responsive" |

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

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

أمر التثبيت
npx skills add https://github.com/eddiebe147/claude-settings --skill layout designer
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from eddiebe147/claude-settings

إجابات سريعة

ما هي layout designer؟

تخطيط صفحة الخبراء وتصميم نظام الشبكة المصدر: eddiebe147/claude-settings.

كيف أثبّت layout designer؟

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

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

https://github.com/eddiebe147/claude-settings

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01