Chart.js, 디자인 토큰, 반응형 레이아웃, 카피라이팅 공식, 상황별 슬라이드 전략을 활용한 전략적 HTML 프레젠테이션 제작
이 스킬은 마케팅 프레젠테이션, 피치 덱, 데이터 중심 슬라이드를 위한 전략적 HTML 프레젠테이션 디자인을 지원합니다. Chart.js를 활용한 데이터 시각화, 디자인 토큰 기반의 일관된 스타일링, 반응형 레이아웃 패턴을 제공하여 전문적인 프레젠테이션을 빠르게 제작할 수 있습니다. 또한 카피라이팅 공식과 슬라이드 전략을 참조하여 설득력 있는 콘텐츠 구조를 설계할 수 있습니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용 가능하며, `create` 서브커맨드를 통해 전략적 슬라이드를 생성합니다.
npx skills add https://github.com/ElKrapulito/calucha-landing/tree/HEAD/.claude/skills/slidesInstalled? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →
데이터 시각화를 포함한 전략적 HTML 프레젠테이션 디자인
| 서브커맨드 | 설명 | 참조 |
|---|---|---|
create | 전략적 프레젠테이션 슬라이드 생성 | references/create.md |
| 주제 | 파일 |
|---|---|
| 레이아웃 패턴 | references/layout-patterns.md |
| HTML 템플릿 | references/html-template.md |
| 카피라이팅 공식 | references/copywriting-formulas.md |
| 슬라이드 전략 | references/slide-strategies.md |
$ARGUMENTS에서 서브커맨드 파싱 (첫 번째 단어)references/{subcommand}.md 로드This repo contains 6 individual skills — each has its own dedicated page.
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.
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
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.
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
Notion CLI/API for pages, Markdown content, data sources, files, comments, search, Workers, and raw API calls.
The agent engineering platform.
Use this skill when the user requests to generate, create, or produce podcasts from text content. Converts written content into a two-host conversational podcast audio format with natural dialogue.
Analyze and optimize tweets for maximum reach using Twitter's open-source algorithm insights. Rewrite and edit user tweets to improve engagement and visibility based on how the recommendation system ranks content.
Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.
Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors