스킬 frontend-design
🎨

frontend-design

안전 🌐 네트워크 접근

تصميم واجهات أمامية مميزة

또한 다음에서 사용할 수 있습니다: anthropics,AI-Vibe-Prompts,Azeem-2,92Bilal26,AdamAugustinsky,1bertogit,7Spade,1bertogit,pbakaus,sickn33,7Spade,ZhanlinCui,AgentWorkforce,AJV009,YYH211,anthropics,am-will,92Bilal26,CesarAugustusGroB,DennisLiuCk

غالبًا ما يفتقر الكود الأمامي الذي ينشئه الذكاء الاصطناعي إلى الرؤية الإبداعية والجماليات التي لا تُنسى. توجه هذه المهارة كلود لإنتاج واجهات احترافية وجذابة بصريًا مع خيارات تصميم جريئة، وطباعة فريدة، واتجاه جمالي متماسك.

지원: Claude Codex Code(CC)
📊 70 적절함
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"frontend-design" 사용 중입니다. إنشاء مكون بطاقة تسعير بجماليات فاخرة

예상 결과:

  • تنتج تصميمًا مصقولًا مع مجموعة طباعة متطورة
  • تستخدم لوحة ألوان متماسكة بلمسات ذهبية/فلزية
  • تتضمن انتقالات تحويم سلسة وتأثيرات حركة دقيقة
  • تخلق تسلسلًا بصريًا يوجه الانتباه إلى المعلومات الرئيسية

"frontend-design" 사용 중입니다. تصميم صفحة هولanding لمؤسسة إبداعية

예상 결과:

  • تنتج تصميمًا جريءًا لا يُنسى بهوية بصرية مميزة
  • تستخدم تخطيطات غير متوقعة وتكوينًا مكانيًا إبداعيًا
  • تطبق نظام طباعة فريدًا يتميز بالشخصية
  • تضيف خلفيات جوية وعمقًا بصريًا

보안 감사

안전
v5 • 1/17/2026

This is a pure prompt-based skill containing only design guidelines and implementation instructions. No executable code, scripts, network calls, file system access, or command execution capabilities. The static scanner flagged SHA-256 hash strings in metadata and legitimate URLs as security issues - all findings are false positives. This skill provides behavioral guidance only.

2
스캔된 파일
220
분석된 줄 수
1
발견 사항
5
총 감사 수

위험 요인

🌐 네트워크 접근 (1)
감사자: claude 감사 이력 보기 →

품질 점수

38
아키텍처
100
유지보수성
87
콘텐츠
21
커뮤니티
100
보안
91
사양 준수

만들 수 있는 것

بناء مكونات ويب إبداعية

إنتاج مكونات React أو Vue أو JS خام مميزة بجماليات فريدة ورسوم متحركة مصقولة.

نماذج مفاهيمية بصرية

إنتاج نماذج أولية سريعة لمفاهيم واجهة جذابة تتجنب أنماط التصميم المتوقعة.

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

بناء صفحات هبوط لا تُنسى بتخطيطات إبداعية وطباعة وتأثيرات حركة.

이 프롬프트를 사용해 보세요

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

모범 사례

  • حدد اتجاهًا جماليًا واضحًا قبل الترميز والتزم به بالكامل
  • استخدم متغيرات CSS لموضوعات متسقة وتخصيص سهل
  • ركز على لحظات بصرية ذات تأثير عالي بدلاً من تفاعلات دقيقة متفرقة

피하기

  • استخدام خطوط عامة مثل Arial أو Inter دون مبرر تصميمي متعمد
  • تطبيق تدرجات أرجوانية متوقعة دون التزام إبداعي
  • إنشاء تخطيطات تتبع أنماطًا متوقعة دون اهتمام بصري

자주 묻는 질문

ما الأطر التي تدعمها هذه المهارة؟
تعمل المهارة مع React وVue وHTML/CSS/JS الخامي وأطر الواجهة الأمامية الأخرى.
هل يمكن لهذه المهارة إنشاء واجهات قابلة للوصول؟
تتضمن المهارة اعتبارات إمكانية الوصول لكنها لا تُجري اختبارات آلية.
كيف يختلف هذا عن التوليد العادي للكود؟
تجنب هذه المهارة الجماليات النمطية للذكاء الاصطناعي من خلال الالتزام باتجاهات تصميم جريئة ومميزة.
هل تتعامل هذه المهارة مع التصميم المتجاوب؟
نعم، تتضمن المهارة اعتبارات تصميم متجاوب مع نقاط توقف مدروسة.
هل يمكنني طلب تصاميم الوضع الداكن؟
نعم، تدعم المهارة الوضعين الفاتح والداكن بناءً على تفضيلك الجمالي.
ماذا يجعل التصاميم مميزة؟
يستخدم كل تصميم طباعة متعمدة وخيارات جريئة للألوان وتكوينًا مكانيًا إبداعيًا.

개발자 세부 정보

파일 구조

📄 SKILL.md