Habilidades ckm:slides
📊

ckm:slides

Baixo Risco 🌐 Acesso à rede

Crie Apresentações HTML Estratégicas com Visualização de Dados

Construir decks de slides persuasivos do zero exige horas de design e redação. Esta skill fornece templates comprovados, integração com Chart.js e fórmulas de redação para criar apresentações profissionais rapidamente.

Suporta: Claude Codex Code(CC)
📊 70 Adequado
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "ckm:slides". Create a title slide for a fintech startup called 'PayFlow' that simplifies cross-border payments

Resultado esperado:

Title: 'PayFlow: Borderless Payments, Instantly'
Subtitle: 'Send money globally in under 30 seconds'
Layout: Centered title with gradient text, fade-up animation

A utilizar "ckm:slides". Add a traction chart showing monthly recurring revenue growth from $5K to $45K over 4 months

Resultado esperado:

Chart.js line chart with months (Sep-Dec) on x-axis and MRR values on y-axis. Red border color matching primary brand color, smooth tension curve, semi-transparent fill area below the line.

A utilizar "ckm:slides". Build a problem slide about slow international wire transfers

Resultado esperado:

Problem: 'International transfers take 3-5 business days.'
Agitate: 'In a real-time economy, waiting days for your own money costs deals, delays payroll, and frustrates teams.'
Solution intro: 'PayFlow settles in 30 seconds.'

Auditoria de Segurança

Baixo Risco
v2 • 6/19/2026

The skill consists of documentation and reference files for creating HTML presentations. The static analyzer flagged 121 patterns, but all are false positives. 'Weak cryptographic algorithm' warnings match on CSS keywords like 'key' and 'signature' used in presentation contexts. 'Ruby/shell backtick execution' warnings match on markdown code formatting. Network references point to legitimate CDNs (cdn.jsdelivr.net for Chart.js, images.pexels.com for stock images). No executable scripts or malicious code patterns were found.

6
Arquivos analisados
662
Linhas analisadas
3
achados
2
Total de auditorias
Problemas de Baixo Risco (2)
references/html-template.md:14
External CDN Resource Loading
Template loads Chart.js library from cdn.jsdelivr.net CDN. This is a standard, legitimate CDN used for open-source libraries. No malicious intent detected.
references/html-template.md:278
External Image References
Template references images from images.pexels.com for background images. Pexels is a legitimate stock photography platform.

Fatores de risco

🌐 Acesso à rede (2)
references/html-template.md:14 references/html-template.md:278
Auditado por: claude Ver Histórico de Auditoria →

Pontuação de qualidade

45
Arquitetura
100
Manutenibilidade
87
Conteúdo
50
Comunidade
86
Segurança
65
Conformidade com especificações

O Que Você Pode Construir

Pitch Decks para Startups

Fundadores criando apresentações para investidores em rodadas seed ou Series A usando estruturas de deck YC comprovadas.

Vendas e Marketing

Equipes de vendas criando decks de demonstração de produto e apresentações de pitch com fórmulas de redação persuasivas.

Comunicações Internas

Gestores criando relatórios de QBR, atualizações de all-hands e apresentações de reuniões de diretoria com visualização de dados.

Tente Estes Prompts

Slide de Título Rápido 
Create a title slide for a presentation about [topic] with a compelling hook.
Visualização de Dados 
Create a metrics dashboard slide showing [metric 1], [metric 2], [metric 3] with a Chart.js bar chart for monthly revenue.
Estrutura Problema-Solução 
Create a 5-slide pitch using the PAS formula: problem slide, agitation slide, solution overview, features grid, and CTA closing.
YC Deck Completo 
Generate a complete 10-slide YC seed deck for a [industry] startup with title, problem, solution, traction chart, market sizing, product, business model, team, financials, and ask slides.

Melhores Práticas

  • Sempre use os comandos de busca da base de conhecimento de slides para encontrar o layout certo para o tipo e posição do seu conteúdo
  • Aplique design tokens de forma consistente em todos os slides para uma marca coesa e fácil atualização de temas
  • Siga a orientação do arco emocional para estratégias de deck para manter o engajamento do público durante toda a apresentação

Evitar

  • Não pule os componentes de navegação e barra de progresso, pois são essenciais para o modo apresentador
  • Evite usar mais de 6 cards de métricas em um único slide de dashboard para prevenir poluição visual
  • Não carregue o Chart.js de uma fonte que não seja CDN nem inline a biblioteca completa no seu HTML

Perguntas Frequentes

Com quais ferramentas esta skill é compatível?
This skill works with Claude, Claude Code, and Codex AI coding assistants.
Funciona offline?
No, Chart.js is loaded from a CDN, so an internet connection is required on first load. After caching, slides can be viewed offline.
Posso exportar slides para PowerPoint?
No, this skill generates HTML presentations only. You can screenshot slides or use browser print to PDF for static exports.
Quantos layouts de slides estão disponíveis?
The skill provides 25 layout patterns including title slides, feature grids, metrics dashboards, comparison tables, and CTA closings.
Chart.js é a única biblioteca de gráficos suportada?
Yes, the templates are configured for Chart.js. You can modify the code to use other libraries like D3.js or ApexCharts if needed.
Quais frameworks de redação estão incluídos?
The skill includes 25 formulas including PAS, AIDA, FAB, Cost of Inaction, Before-After-Bridge, and Social Proof patterns.

Detalhes do Desenvolvedor

Licença

MIT

Repositório

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/slides/

Referência

main

Estrutura de arquivos

📁 references/

📄 copywriting-formulas.md

📄 create.md

📄 html-template.md

📄 layout-patterns.md

📄 slide-strategies.md

📄 SKILL.md