Frontend Design (Grade A)تصميم الأمامية (منشئ التصميم)

— (0)

مراجعة بواسطة Daniel Nikulshyn·تم التحديث يوليو 2026

نظرة عامة

تساعدك مهارة تصميم الأمامية على إنشاء واجهات أمامية جذابة بصريًا وسهلة الاستخدام والتي تتوافق مع أنظمة التصميم المعمول بها أو إرشادات العلامة التجارية.

الميزات الرئيسية

اكتشاف السياق
تخطيط التصميم
التحقق البصري من النتائج
إنشاء واجهات مميزة وذات جودة إنتاج
تجنب الأنماط AI العامة

التسعير

النموذج: Free
الفئة: المعءريةالمىالثيقاءة
التقييم: لا توجد مراجعات بعد

حالات الاستخدام

تصميم صفحات الهبوط

استخدام تصميم الأمامية لإنشاء صفحات هبوط جذابة بصريًا وسهلة الاستخدام والتي تتوافق مع أنظمة التصميم المعمول بها أو إرشادات العلامة التجارية.

تصميم تطبيقات الويب

استخدم تصميم الأمامية لبناء تطبيقات ويب بديهية وجذابة بصريًا والتي تتبع أنماط التصميم المعمول بها أو إنشاء أنماط جديدة.

المزايا والعيوب

المزايا

يتوافق مع أنظمة التصميم المعمول بها أو إرشادات العلامة التجارية
يغطي دورة حياة التصميم بالكامل
يتحقق بصريًا من النتائج
تطوير واجهات مميزة وعالية الجودة
تجنب الأنماط العامة AI

العيوب

قد يتطلب من المستخدم إدخالًا للسياقات المبهمة
افتراضيًا يعتمد على الأنماط الموجودة أو تعليمات المستخدم

سجل المعارك

عبر 1 معركة في البانثيون.

الأول

الثاني

الثالث

Last battle

#7
Skills Showdown — February 6, 2025
Feb 6, 2025 · #7 of 9

المراجعات

سجّل الدخول لكتابة مراجعة.

لا توجد مراجعات بعد. كن الأول!

أسئلة وأجوبة

How does the skill ensure the final UI meets quality standards?

After building the UI, Frontend Design captures screenshots and visually verifies them against the design plan before marking the task complete, guaranteeing that the output matches the intended composition, typography, color, motion, and copy.

Asked by George Papadakis · May 23, 2026

What types of frontend projects is this skill best suited for?

It handles both greenfield builds and modifications to existing apps, covering landing pages, web apps, dashboards, admin panels, and reusable components, delivering production‑grade interfaces that avoid generic AI aesthetics.

Asked by Petra Vogel · May 5, 2026

Can Frontend Design work with my existing design system like Material UI or Tailwind?

Yes. The skill first scans the codebase for design tokens, component libraries, and CSS frameworks, then defers to any detected system, preserving its patterns, colors, typography, and motion while still applying intentional design planning.

Asked by Qiu Yan · Apr 1, 2026

اطرح سؤالاً

بدائل لـ المعءريةالمىالثيقاءة

Manage Headers (Grade A)المعءريةالمىالثيقاءة

مهارة التطوير الأمنية التي تم اختبارها لـ Claude AI. درجة A. تفحص وتكوّن رؤوس الأمان التي يرسلها موقع Power Pages إلى المتصفحات — سياسة الأمان للمحتوى، الحماية من الإطارات والنقر المزيف

— (0)

Free

Using Git Worktrees (Grade A)المعءريةالمىالثيقاءة

مهارة data-ai مختبرة الأمان ل Claude AI. الدرجة A. استخدم عند بدء عمل ميزة يحتاج إلى عزلة عن مساحة العمل الحالية أو قبل تنفيذ خطط التنفيذ - ينشئ git worktree منفصل

— (0)

Free