ckm:design-system

tarafından nextlevelbuilder

Token mimarisi, bileşen özellikleri ve slayt oluşturma. Üç katmanlı tokenlar (ilkel→anlamsal→bileşen), CSS değişkenleri, boşluk/tipografi ölçekleri, bileşen özellikleri, stratejik slayt oluşturma. Tasarım tokenları, sistematik tasarım ve marka uyumlu sunumlar için kullanılır.

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:design-system

nextlevelbuilder tarafından daha fazla skill

ui-ux-pro-max
nextlevelbuilder
Web ve mobil için UI/UX tasarım zekası. 50'den fazla stil, 161 renk paleti, 57 yazı tipi eşleştirmesi, 161 ürün türü, 99 UX kılavuzu ve 10 yığın (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui ve HTML/CSS) üzerinde 25 grafik türü içerir. Eylemler: UI/UX kodunu planla, oluştur, tasarla, uygula, incele, düzelt, iyileştir, optimize et, geliştir, yeniden düzenle ve kontrol et. Projeler: web sitesi, açılış sayfası, gösterge paneli, yönetim paneli, e-ticaret, SaaS, portföy, blog ve...
designdevelopmentcreative
ckm:design
nextlevelbuilder
Kapsamlı tasarım becerisi: marka kimliği, tasarım tokenları, arayüz stillendirme, logo oluşturma (55 stil, Gemini AI), kurumsal kimlik programı (50 teslimat, CIP mokap), HTML sunumları (Chart.js), banner tasarımı (22 stil, sosyal/reklam/web/baskı), ikon tasarımı (15 stil, SVG, Gemini 3.1 Pro), sosyal fotoğraflar (HTML→ekran görüntüsü, çoklu platform). Eylemler: logo tasarla, CIP oluştur, mokap üret, slayt hazırla, banner tasarla, ikon oluştur, sosyal fotoğraf oluştur, sosyal medya görselleri, marka...
designcreativemedia
ckm:ui-styling
nextlevelbuilder
shadcn/ui bileşenleri (Radix UI + Tailwind üzerine inşa edilmiştir), Tailwind CSS yardımcı sınıf tabanlı stil oluşturma ve tuval tabanlı görsel tasarımlarla güzel, erişilebilir kullanıcı arayüzleri oluşturun. Kullanıcı arayüzleri geliştirirken, tasarım sistemleri uygularken, duyarlı düzenler oluştururken, erişilebilir bileşenler (diyaloglar, açılır menüler, formlar, tablolar) eklerken, temaları ve renkleri özelleştirirken, karanlık mod uygularken, görsel tasarımlar ve posterler oluştururken veya uygulamalar arasında tutarlı stil kalıpları belirlerken k
designdevelopmentcreative
ckm:brand
nextlevelbuilder
Marka sesi, görsel kimlik, mesajlaşma çerçeveleri, varlık yönetimi, marka tutarlılığı. Markalı içerik, ses tonu, pazarlama varlıkları, marka uyumu, stil kılavuzları için etkinleştirin.
designmarketingcreative
ckm:slides
nextlevelbuilder
Chart.js, tasarım tokenları, duyarlı düzenler, metin yazarlığı formülleri ve bağlamsal slayt stratejileri ile stratejik HTML sunumları oluşturun.
designcreative
ckm:banner-design
nextlevelbuilder
Sosyal medya, reklamlar, web sitesi kahraman görselleri, yaratıcı varlıklar ve baskı için banner tasarlar. Yapay zeka tarafından oluşturulan görsellerle birden fazla sanat yönetimi seçeneği sunar. Eylemler: banner tasarla, oluştur, üret. Platformlar: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, web sitesi kahramanı, baskı. Stiller: minimalist, gradyan, kalın tipografi, fotoğraf tabanlı, illüstratif, geometrik, retro, glassmorphism, 3D, neon, duotone, editoryal, kolaj. ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal becerilerini kullanır.
designcreativemarketing