ckm:ui-styling
oleh nextlevelbuilder
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-stylingLebih banyak skill dari nextlevelbuilder
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and...
designdevelopmentcreative
ckm:design-system
nextlevelbuilder
Arsitektur token, spesifikasi komponen, dan pembuatan slide. Token tiga lapis (primitif→semantik→komponen), variabel CSS, skala spasi/tipografi, spesifikasi komponen, pembuatan slide strategis. Gunakan untuk token desain, desain sistematis, presentasi yang sesuai merek.
designdevelopmentcreative
ckm:design
nextlevelbuilder
Keahlian desain komprehensif: identitas merek, token desain, gaya UI, pembuatan logo (55 gaya, Gemini AI), program identitas perusahaan (50 hasil, mockup CIP), presentasi HTML (Chart.js), desain spanduk (22 gaya, sosial/iklan/web/cetak), desain ikon (15 gaya, SVG, Gemini 3.1 Pro), foto sosial (HTML→tangkapan layar, multi-platform). Tindakan: desain logo, buat CIP, hasilkan mockup, buat slide, desain spanduk, hasilkan ikon, buat foto sosial, gambar media sosial, merek...
designcreativemedia
ckm:brand
nextlevelbuilder
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
designmarketingcreative
ckm:slides
nextlevelbuilder
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
designcreative
ckm:banner-design
nextlevelbuilder
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.
designcreativemarketing