Community寫作與編輯github.com

ElKrapulito/calucha-landing

建立策略性 HTML 簡報,整合 Chart.js 資料視覺化、設計令牌、響應式佈局、文案撰寫公式與上下文投影片策略。

calucha-landing 是什麼?

這個技能專門用於建立具備資料視覺化的策略性 HTML 簡報。它能協助開發者快速產出行銷提案、業務簡報或數據驅動的投影片,尤其適合整合 Chart.js 圖表。技能內建多種佈局模式、設計令牌(design tokens)與響應式佈局,確保簡報在不同裝置上都能有良好表現。此外,它還提供了文案撰寫公式與投影片策略參考,幫助使用者從內容與視覺雙重層面提升簡報說服力。支援 Cline、Claude Code、Cursor、Codex 等主流 AI 代理平台。運作方式為解析指令中的子命令,載入對應的參考文件(如 `create` 子命令會載入 `references/create.md`),並根據剩餘參數執行。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ElKrapulito/calucha-landing/tree/HEAD/.claude/skills/slides

Installed? Explore more 寫作與編輯 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Slides

具備資料視覺化的策略性 HTML 簡報設計。

使用時機

  • 行銷簡報與提案簡報
  • 使用 Chart.js 的數據驅動投影片
  • 採用佈局模式的策略性投影片設計
  • 經文案優化的簡報內容

子命令

子命令說明參考文件
create建立策略性簡報投影片references/create.md

參考資料(知識庫)

主題檔案
佈局模式references/layout-patterns.md
HTML 模板references/html-template.md
文案撰寫公式references/copywriting-formulas.md
投影片策略references/slide-strategies.md

路由

  1. 從 $ARGUMENTS(第一個詞)解析子命令
  2. 載入對應的 references/{subcommand}.md
  3. 使用剩餘參數執行

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

ElKrapulito/calucha-landing

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.

ElKrapulito/calucha-landing

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

ElKrapulito/calucha-landing

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.

ElKrapulito/calucha-landing

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.

ElKrapulito/calucha-landing

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.

ElKrapulito/calucha-landing

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.

相關技能