Chart.js、デザイントークン、レスポンシブレイアウト、コピーライティング公式、コンテキストスライド戦略を用いて戦略的なHTMLプレゼンテーションを作成します。
このスキルは、HTMLベースの戦略的プレゼンテーションを設計・生成するためのツールです。マーケティングプレゼンやピッチデッキに最適で、Chart.jsによるデータ可視化、デザイントークンに基づく一貫性のあるスタイリング、レスポンシブレイアウトをサポートします。また、コピーライティングの公式やスライド構成の戦略を組み込むことで、説得力のあるコンテンツを効率的に作成できます。主な使用プラットフォームはClaude CodeなどのターミナルベースのAIエージェントで、`create`サブコマンドを介して動作します。背景知識としてレイアウトパターン、HTMLテンプレート、コピーライティング公式、スライド戦略の各リファレンスを参照し、引数に応じて適切な戦略を適用します。これにより、開発者やマーケターはコードに精通していなくても、洗練されたプレゼンテーションを迅速に生成できます。
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