ui-styling
83Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
إنشاء أصول تصميم علامة تجارية كاملة
غالبًا ما تحتاج فرق التصميم إلى العديد من الأصول المرتبطة بالعلامة التجارية بأساليب وتنسيقات متسقة. ترشد هذه المهارة Claude وCodex وClaude Code عبر الشعارات، والأيقونات، ونماذج الهوية، واللافتات، وصور الشبكات الاجتماعية، وأصول العروض التقديمية.
توقف واطلب التأكيد قبل التثبيت.
راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "ckm-design" from https://skillstore.io/skills/nextlevelbuilder-ckm-design.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ckm-design/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "ckm-design". أنشئ مفاهيم شعارات لتطبيق سفر بيئي.
النتيجة المتوقعة:
جارٍ استخدام "ckm-design". خطط لرسومات إطلاق على LinkedIn وInstagram لمنتج SaaS.
النتيجة المتوقعة:
جارٍ استخدام "ckm-design". ابنِ مفهوم CIP لعلامة تجارية استشارية.
النتيجة المتوقعة:
The audit found no evidence of malware, prompt-injection text, or covert host reconnaissance. Most static hits are false positives from Markdown examples and design terminology, but the skill does read environment variables, loads .env files from user-home locations, writes generated files, and sends design inputs to Gemini APIs.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ckm-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ckm-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ckm-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ckm-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). ckm-design security audit report (audit version 5) [Author version 2.1.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5@techreport{nextlevelbuilder-nextlevelbuilder-ckm-design-2026,
author = {nextlevelbuilder},
title = {ckm-design security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5},
note = {Author version 2.1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ckm-design security audit report (audit version 5)"
version: "2.1.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ckm-design:audit:5"
description: "Skillstore immutable audit report identifier"
إنشاء اتجاهات للشعار، وخيارات ألوان، وأفكار أيقونات، وأول مرئيات عرض تقديمي لشركة جديدة.
تخطيط صور ولافتات وترويسات مخصصة لكل منصة بأبعاد واتجاه بصري متسقين.
توليد مفاهيم لمخرجات الهوية المؤسسية مثل بطاقات الأعمال، والترويسات الرسمية، والتغليف، ونماذج العروض التقديمية.
استخدم ckm-design لاقتراح ثلاثة اتجاهات لشعار مقهى صغير باسم Harbor Bean. ضمّن الأسلوب ولوحة الألوان وفكرة الأيقونة لكل اتجاه.
استخدم ckm-design لتخطيط صور وسائل التواصل الاجتماعي لإطلاق منتج على LinkedIn وInstagram وX. ضمّن الأبعاد، ونهج التخطيط، وتسلسل النصوص، والأسلوب البصري.
استخدم ckm-design لإنشاء برنامج هوية مؤسسية لشركة تحليلات رعاية صحية. أوصِ بالمخرجات، وسياقات النماذج، وأسلوب الطباعة، واستخدام الألوان.
استخدم ckm-design لتعريف نظام علامة تجارية لمنصة B2B AI، ثم خطط لنسخ الشعار، وأسلوب الأيقونات، وبنية العرض التقديمي، وأصول اللافتات، وقوالب الصور الاجتماعية.
المؤلف
nextlevelbuilderالترخيص
MIT
إصدار المؤلف
v2.1.0
مراجعة Skillstore
r1
مرجع
1ffa7643651792ccb4bd3b15d924d2c97edff755
حداثة الصيانة
٢٢/٧/٢٠٢٦
الاستخدام
11 تنزيلات · 9 مشاهدات
Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
تحسين سير عمل تصميم واجهة المستخدم وتجربة المستخدم
غالبا ما يحتاج عمل الواجهات إلى أسلوب متسق، وإتاحة وصول، وإرشادات مخصصة للتقنية المستخدمة. تمنح هذه المهارة Claude وCodex وClaude Code مرجعا قابلا للبحث في واجهة المستخدم وتجربة المستخدم لتخطيط التصاميم وبنائها ومراجعتها.
بناء إرشادات العلامة التجارية وسير عمل الأصول
غالبًا ما يتشتت عمل العلامة التجارية بين النبرة والمرئيات والأصول ورموز التصميم. تساعد هذه المهارة Claude وCodex وClaude Code على إنشاء أنظمة علامات تجارية متسقة ومراجعتها وتطبيقها.
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
بواسطة shubhamsaboo
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.
تحسين التصميم المرئي للواجهة الأمامية
بواسطة Barnhardt-Enterprises-Inc
غالبًا ما تبدو شاشات الواجهة الأمامية العامة متشابهة وتفتقر إلى التركيز على العلامة التجارية. ترشد هذه المهارة اختيارات الطباعة، والألوان، والحركة، والعمق لإنشاء واجهات أوضح.
تصميم واجهات منتجات ميسّرة الوصول
بواسطة sickn33
غالبًا ما تواجه الفرق صعوبة في تحويل احتياجات المستخدمين إلى واجهات متسقة وميسّرة الوصول. ترشد هذه المهارة البحث، والتدفقات، وأنظمة التصميم، ورموز التصميم، والتسليم.
إنشاء مطالبات أفضل لواجهات Google Stitch
بواسطة sickn33
يمكن أن ينتج Google Stitch تصاميم عامة عندما تفتقر المطالبات إلى التفاصيل. توفر هذه المهارة إرشادات منظمة للمطالبات حول الشاشات، والتدفقات، والأسلوب البصري، وإمكانية الوصول، والتسليم.
استخراج أنماط نظام تصميم قابلة لإعادة الاستخدام
بواسطة pbakaus
غالبًا ما تكرر الفرق مكونات UI والرموز وأنماط التخطيط عبر التطبيق. تساعد هذه المهارة Claude أو Codex أو Claude Code على العثور على أنماط قابلة لإعادة الاستخدام ودمجها في نظام تصميم مُدار.
تطبيق إرشادات علامة Anthropic التجارية
بواسطة Cam10001110101
تحتاج الفرق إلى تنسيق متسق مستوحى من Anthropic عبر المستندات والعروض التقديمية. توفر هذه المهارة إرشادات للألوان والطباعة والتخطيط للمواد ذات الهوية التجارية.