Community写作与编辑github.com

ElKrapulito/calucha-landing

创建战略性HTML演示文稿,集成Chart.js数据可视化、设计令牌、响应式布局、文案公式和情境化幻灯片策略。

calucha-landing 是什么?

该技能旨在帮助开发者与AI代理快速生成战略性HTML演示文稿,特别适用于营销展示、产品发布和数据驱动的幻灯片。它深度集成了Chart.js用于数据可视化,并提供了预定义的设计令牌、响应式布局模式和文案公式,确保演示内容既美观又具有说服力。 技能支持通过子命令 `create` 来创建演示文稿,并引用一系列知识库文件,包括布局模式、HTML模板、文案公式和幻灯片策略,以实现结构化、可复用的设计流程。 主要平台为Claude Code等支持文件系统与子命令调度的AI工作环境。其工作机制是:解析第一个参数作为子命令,然后加载对应的参考文档,并将剩余参数传递给执行逻辑,从而让AI代理能够按需生成符合最佳实践的演示内容。

兼容平台✓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 的新对话。

文档

幻灯片

具有数据可视化的战略性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.

相关技能