slides
tarafından nextlevelbuilder
Chart.js, tasarım tokenları, duyarlı düzenler, metin yazarlığı formülleri ve bağlamsal slayt stratejileri ile stratejik HTML sunumları oluşturun.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slidesSlides
Strategic HTML presentation design with data visualization.
When to Use
- Marketing presentations and pitch decks
- Data-driven slides with Chart.js
- Strategic slide design with layout patterns
- Copywriting-optimized presentation content
Subcommands
| Subcommand | Description | Reference |
|---|---|---|
create | Create strategic presentation slides | references/create.md |
Script Paths
Script paths in this skill and its references/ are relative to the directory that contains this SKILL.md, not to the project: scripts/<file> is this skill's own scripts/ folder, and ../<skill>/scripts/<file> is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to it.
References (Knowledge Base)
| Topic | File |
|---|---|
| Layout Patterns | references/layout-patterns.md |
| HTML Template | references/html-template.md |
| Copywriting Formulas | references/copywriting-formulas.md |
| Slide Strategies | references/slide-strategies.md |
Routing
- Parse subcommand from
$ARGUMENTS(first word) - Load corresponding
references/{subcommand}.md - Execute with remaining arguments
nextlevelbuilder tarafından daha fazla skill
ckm:design-system
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.
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
banner-design
nextlevelbuilder
Sosyal medya, reklamlar, web sitesi kahraman görselleri, yaratıcı varlıklar ve baskı için banner tasarlayın. Yapay zeka tarafından oluşturulan görsellerle birden fazla sanat yönetimi seçeneği. Eylemler: tasarla, oluştur, banner ü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, düoton, editoryal, kolaj. ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal becerilerini kullanır.
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