·crypto-frontend-design
!

crypto-frontend-design

✓
btc-vision/opnet-frontend-skillsGitHub: btc-vision/opnet-frontend-skillsالمصدر: btc-vision/opnet-frontend-skills

توجيه CSS الأول للعملات المشفرة، وweb3، وDeFi، وairdrop، ولوحة المعلومات، والواجهات الأمامية لمشروع الرمز المميز. يُنتج أوراق الأنماط والتخطيط والرسوم المتحركة والموضوعات وHTML سريع الاستجابة. المشغلات على الصفحات المقصودة، أو لوحات المعلومات، أو مطالبات الإسقاط الجوي، أو واجهات المستخدم المساحية، أو واجهات DEX الأمامية، أو واجهات مستخدم الجسر، أو معارض NFT، أو عمليات إطلاق الرمز المميز، أو أي واجهة ويب مشفرة. يتم تشغيله أيضًا على نمط المصفوفة، أو السايبربانك، أو توهج النيون، أو محطة القراصنة، أو جماليات لوحة القيادة المظلمة. CSS متعدد السمات، ودعم الهاتف المحمول/الكمبيوتر اللوحي/سطح المكتب، بدون رموز تعبيرية. بالنسبة لواجهات OPNet الأمامية، استخدم جنبًا إلى جنب مع مهارة تطوير opnet (التي تمتلك TypeScript، وReact logic، والمحفظة، ومقدمي الخدمات). تمتلك هذه المهارة صورًا؛ تطوير opnet يمتلك المنطق. يجمع دائمًا سياق المستخدم (الصور والموضوع وألوان العلامة التجارية والجمهور) قبل إنشاء التعليمات البرمجية.

btc-vision·crypto·frontend·design
14التثبيتات·0الرائج·@btc-vision

التثبيت

GitHub: btc-vision/opnet-frontend-skills
$npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design

كيفية تثبيت crypto-frontend-design

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

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

المصدر: btc-vision/opnet-frontend-skills.

SKILL.md

عرض النص الخام

This skill is a CSS-first directive. It produces the visual layer for crypto and web3 frontends: stylesheets, layout systems, animation, theming, responsive behavior, and the semantic HTML structure that carries them. The JavaScript and TypeScript logic layer (wallet connections, contract calls, state management, API integration) lives outside this skill's scope. When the project runs on OPNet, the opnet-developme...

Every output must look like it was designed by a funded startup's design team, not generated by AI. The aesthetic is intentional, the code is production-grade, and the responsive behavior is flawless.

When the frontend is for an OPNet project (any Bitcoin L1 smart contract dApp, OP20 token site, OP721 NFT gallery, DEX interface, staking platform, airdrop claim page, or OPNet ecosystem tool), both skills must be active. The division of responsibility is strict.

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

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

أمر التثبيت
npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design
المصدر
btc-vision/opnet-frontend-skills
الفئة
!الأمن
موثق
✓
أول ظهور
2026-02-11
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/btc-vision/opnet-frontend-skills/crypto-frontend-design

Browse more skills from btc-vision/opnet-frontend-skills

إجابات سريعة

ما هي crypto-frontend-design؟

توجيه CSS الأول للعملات المشفرة، وweb3، وDeFi، وairdrop، ولوحة المعلومات، والواجهات الأمامية لمشروع الرمز المميز. يُنتج أوراق الأنماط والتخطيط والرسوم المتحركة والموضوعات وHTML سريع الاستجابة. المشغلات على الصفحات المقصودة، أو لوحات المعلومات، أو مطالبات الإسقاط الجوي، أو واجهات المستخدم المساحية، أو واجهات DEX الأمامية، أو واجهات مستخدم الجسر، أو معارض NFT، أو عمليات إطلاق الرمز المميز، أو أي واجهة ويب مشفرة. يتم تشغيله أيضًا على نمط المصفوفة، أو السايبربانك، أو توهج النيون، أو محطة القراصنة، أو جماليات لوحة القيادة المظلمة. CSS متعدد السمات، ودعم الهاتف المحمول/الكمبيوتر اللوحي/سطح المكتب، بدون رموز تعبيرية. بالنسبة لواجهات OPNet الأمامية، استخدم جنبًا إلى جنب مع مهارة تطوير opnet (التي تمتلك TypeScript، وReact logic، والمحفظة، ومقدمي الخدمات). تمتلك هذه المهارة صورًا؛ تطوير opnet يمتلك المنطق. يجمع دائمًا سياق المستخدم (الصور والموضوع وألوان العلامة التجارية والجمهور) قبل إنشاء التعليمات البرمجية. المصدر: btc-vision/opnet-frontend-skills.

كيف أثبّت crypto-frontend-design؟

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

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

https://github.com/btc-vision/opnet-frontend-skills

التفاصيل

الفئة
!الأمن
المصدر
skills.sh
أول ظهور
2026-02-11

مهارات ذات صلة

لا يوجد