AslanDeck

Professional design inspection toolkit for web developers - extract colors, fonts, CSS, and assets.

AslanDeck - The Ultimate Web Design & Dev Companion Stop juggling a dozen different extensions. AslanDeck brings every tool you need into one sleek, privacy-focused sidebar. Whether you're pixel-peeping a design, debugging CSS, or generating AI assets, do it all without leaving the page. Designed by a designer for professionals who care about quality, speed, and privacy. 🚀 THE POWERHOUSE TOOLKIT 🎨 Design & Style Tools Advanced Color Picker: Instantly grab HEX, RGB, HSL, and RGBA values from any pixel. Auto-copies to your clipboard so you can stay in flow. Font Inspector: Stop guessing fonts. Hover over any text to reveal the font family, weight, size, line height, and spacing. CSS Inspector: Peek under the hood of any element. View computed styles, box models, and layout properties instantly. Design DNA: Analyze the "soul" of a website. Extract color palettes and design tokens to understand what makes a site tick. 🤖 AI-Powered Suite (New!) AI Accessibility Checker: Automatically scan pages for accessibility issues. Find missing alt tags and contrast errors before your users do. Smart Page Analyzer: Get an instant AI summary of any webpage's structure, layout, and typography focus. AI Content Translator: Select any text and translate it instantly between English and Arabic without breaking your workflow. AI Image Generator: Need a placeholder or inspiration? Generate images right inside the sidebar using page context. 🛠️ Developer Utilities Smart Screenshot: Capture the entire page (even the parts you can't see) or just the visible area. No more stitching screenshots manually. Responsive Preview: Test your site on iPhone, iPad, Laptop, and Desktop sizes with a single click. Screen Recorder: Record your screen with audio to document bugs or share feedback with your team. Asset & Video Downloader: Extract images, icons, and videos from the page in seconds. (Respects platform policies). Dark Mode Toggle: Give your eyes a break. Force a beautiful dark mode on any website instantly. 🔒 PRIVACY FIRST, ALWAYS We believe your data belongs to you. Zero Tracking: We don't collect analytics or monitor your browsing history. Local Processing: All analysis happens right in your browser. Open & Transparent: No hidden scripts, no external servers for core tools. ✨ WHY ASLANDECK? Bilingual Interface: Native support for English and Arabic (RTL). Lightweight: Loads instantly and won't slow down Chrome. Clean UI: A modern, draggable sidebar that stays out of your way until you need it. Perfect for: Frontend Developers, UI/UX Designers, QA Engineers, and Content Creators who want to work faster and smarter. Download AslanDeck today and supercharge your workflow. AslanDeck - أداتك الشاملة للتصميم والتطوير يا هلا! تعبت من كثرة الإضافات في متصفحك؟ "أصلان ديك" يجمع لك كل اللي تحتاجه في مكان واحد. سواء كنت مصمم تبي تعرف كود اللون، أو مبرمج تبي تفحص الكود، أو حتى تبي أدوات ذكاء اصطناعي تساعدك، كل شيء صار بضغطة زر وبدون ما تطلع من الصفحة. صممناها عشان تريحك وتسرع شغلك، وبخصوصية تامة. 🚀 وش اللي يميز AslanDeck؟ 🎨 أدوات التصميم اللي تبرد القلب قطارة الألوان (Color Picker): أي لون يعجبك في الصفحة، اضغط عليه وخذ كوده (HEX, RGB, HSL) فوراً. ينسخ نفسه للحافظة عشان تكمل شغلك بسرعة. كاشف الخطوط (Font Inspector): لا تحتار وش نوع الخط. بس مرر الماوس على أي نص ويعلمك اسم الخط، حجمه، وزنه، وكل تفاصيله. فاحص الـ CSS: تبي تعرف كيف سووا هذا التصميم؟ اضغط على أي عنصر وشوف الـ CSS حقه كامل، من الهوامش للأبعاد. تحليل هوية الموقع (Design DNA): يطلع لك "شفرة" التصميم للموقع، مثل باليت الألوان المستخدمة وتوزيعها. 🤖 الذكاء الاصطناعي (جديد!) فاحص سهولة الوصول (Accessibility): خل الذكاء الاصطناعي يشيك لك على الصفحة ويطلع لك الأخطاء اللي ممكن تواجه ذوي الاحتياجات الخاصة. المحلل الذكي: يعطيك ملخص سريع عن هيكلة الصفحة وتصميمها بلمح البصر. المترجم الفوري: حدد أي نص في الصفحة وترجمه بين العربي والإنجليزي وأنت بمكانك. مولد الصور: محتاج صورة تخيلية أو "Placeholder"؟ اطلبها من الذكاء الاصطناعي ويسويها لك فوراً. 🛠️ أدوات للمطورين والمبدعين تصوير الشاشة (Screenshot): صور الصفحة كاملة (حتى اللي تحت) أو الجزء اللي تشوفه بس. دقة عالية وبدون حوسة. تجربة التجاوب (Responsive): شوف كيف يطلع موقعك على الجوال، التابلت، أو اللابتوب بضغطة زر. مسجل الشاشة: سجل فيديو للشاشة مع صوت عشان تشرح مشكلة أو توثق شغلك. تحميل الملفات والفيديو: اسحب الصور، الأيقونات، والفيديوهات من الصفحة وحملها عندك بسهولة. الوضع الليلي: ريح عيونك وحول أي موقع للوضع المظلم (Dark Mode) بلمسة وحدة. 🔒 خصوصيتك خط أحمر بياناتك لك وحدك. ما نراقبك: لا نجمع بيانات تصفح ولا نبيعها. شغل محلي: كل التحليل يصير داخل متصفحك. شفافية تامة: ما عندنا سيرفرات خارجية تخزن شغلك. ✨ ليش تختار AslanDeck؟ يدعم العربي 100%: واجهة عربية كاملة ومضبوطة. خفيف وسريع: ما يثقل على المتصفح ويشتغل في لحظة. تصميم رايق: قائمة جانبية مرتبة تقدر تحركها وين ما تبي. مناسب لـ: مطوري الويب، مصممي الواجهات، صنا ع المحتوى، وأي شخص يبي ينجز شغله باحترافية. حمل AslanDeck الحين وخل شغلك أسرع وأذكى!