slides

Buat presentasi HTML strategis dengan Chart.js, token desain, tata letak responsif, formula copywriting, dan strategi slide kontekstual.

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

Slides

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

SubcommandDescriptionReference
createCreate strategic presentation slidesreferences/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)

TopicFile
Layout Patternsreferences/layout-patterns.md
HTML Templatereferences/html-template.md
Copywriting Formulasreferences/copywriting-formulas.md
Slide Strategiesreferences/slide-strategies.md

Routing

  1. Parse subcommand from $ARGUMENTS (first word)
  2. Load corresponding references/{subcommand}.md
  3. Execute with remaining arguments

Lebih banyak skill dari nextlevelbuilder

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:ui-styling
nextlevelbuilder
Buat antarmuka pengguna yang indah dan mudah diakses dengan komponen shadcn/ui (dibangun di atas Radix UI + Tailwind), gaya utilitas-first Tailwind CSS, dan desain visual berbasis kanvas. Gunakan saat membangun antarmuka pengguna, menerapkan sistem desain, membuat tata letak responsif, menambahkan komponen yang dapat diakses (dialog, dropdown, formulir, tabel), menyesuaikan tema dan warna, menerapkan mode gelap, menghasilkan desain visual dan poster, atau menetapkan pola gaya yang konsisten di seluruh aplikasi.
designdevelopmentcreative
ckm:brand
nextlevelbuilder
Suara merek, identitas visual, kerangka pesan, manajemen aset, konsistensi merek. Aktifkan untuk konten bermerek, nada suara, aset pemasaran, kepatuhan merek, panduan gaya.
designmarketingcreative
ckm:slides
nextlevelbuilder
Buat presentasi HTML strategis dengan Chart.js, token desain, tata letak responsif, formula copywriting, dan strategi slide kontekstual.
designcreative
ckm:banner-design
nextlevelbuilder
Rancang banner untuk media sosial, iklan, hero website, aset kreatif, dan cetak. Berbagai opsi arahan seni dengan visual yang dihasilkan AI. Tindakan: mendesain, membuat, menghasilkan banner. Platform: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, hero website, cetak. Gaya: minimalis, gradien, tipografi tebal, berbasis foto, ilustrasi, geometris, retro, glassmorphism, 3D, neon, duotone, editorial, kolase. Menggunakan keterampilan ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.
designcreativemarketing
banner-design
nextlevelbuilder
Desain banner untuk media sosial, iklan, hero website, aset kreatif, dan cetak. Berbagai opsi arahan seni dengan visual yang dihasilkan AI. Tindakan: mendesain, membuat, menghasilkan banner. Platform: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, hero website, cetak. Gaya: minimalis, gradien, tipografi tebal, berbasis foto, ilustrasi, geometris, retro, glassmorphism, 3D, neon, duotone, editorial, kolase. Menggunakan keterampilan ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.
brand
nextlevelbuilder
Suara merek, identitas visual, kerangka pesan, manajemen aset, konsistensi merek. Aktifkan untuk konten bermerek, nada suara, aset pemasaran, kepatuhan merek, panduan gaya.
designmarketingcreative