·frontend-aesthetics
</>

frontend-aesthetics

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

6التثبيتات·0الرائج·@bejranonda

التثبيت

$npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics

كيفية تثبيت frontend-aesthetics

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

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

المصدر: bejranonda/llm-autonomous-agent-plugin-for-claude.

This skill provides specific design principles and patterns for creating distinctive, polished frontend interfaces that avoid "AI slop" - the generic, obviously-generated aesthetic that results from default AI model choices. Based on official research from "Improving frontend design through Skills" by Anthropic.

Skills Methodology: This follows Anthropic's skills approach - reusable markdown documents that provide altitude-appropriate design guidance without permanent context overhead. Skills make effective design prompts contextual and reusable across projects.

Core Problem: Distributional Convergence: Language models naturally sample from the high-probability center of their training data distribution. This causes them to default to statistically common "safe choices" (Inter fonts, purple gradients, minimal animations, standard grid layouts) because these patterns dominate web design datasets. The result is bland, forgettable interfaces that lack intentional design deci...

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

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

أمر التثبيت
npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from bejranonda/llm-autonomous-agent-plugin-for-claude

إجابات سريعة

ما هي frontend-aesthetics؟

مبادئ تصميم الواجهة الأمامية المميزة لتجنب الإعدادات الافتراضية العامة للذكاء الاصطناعي، وتنفيذ الطباعة/الألوان/الرسوم المتحركة المدروسة، وإنشاء تجارب مستخدم مصقولة بناءً على أبحاث تصميم Claude Code المصدر: bejranonda/llm-autonomous-agent-plugin-for-claude.

كيف أثبّت frontend-aesthetics؟

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

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

https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude

التفاصيل

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