guilhermealvestech/carrossel-skill

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

113 stars 品質 69 トレンド 55MIT

スキルパラクロードコード電子コーデックス: carrosséis com a cara da sua marca, do roteiro ao PNG 2x, com galeria, スライダー e comparação de verses.

概要

スキルパラクロードコード e コーデックス que cria carrosséis com a cara da sua marca: do roteiro ao PNG em 2x, com galeria, スライダー, comparação de verses e Legenda pronta. O que deixa um carrossel bom não é o プロンプト, é o processo: 1。 IAはコピースライドeスライドe só desenha depoisはseu okを行います。 2. Cada peça aprovada vira 紹介パラ a próxima, então o estilo se mantém. 3。 Uma série de imagens no estilo da marca, gerada com 画像 gen a partir de uma âncora aprovada. 4. Cada スライド é レンディゾド e conferido antes de chegar em você. 5. Toda recusa ou aprovação vai para um GOSTO.md, que スキル lê antes de cada peça. Quanto mais você usa, メイド ela acerta. - スキルのlê seuサイト、ロゴe投稿e monta oの手動部分的なデル。 - faz algumas perguntas, prope 2 ou 3 direçes e monta a identidade com você. Cada スライドサイ em HTML 編集者、PNG 1080×1350 e PNG 2160×2700 ヴィデオ・デ 24s: docs/motion/lancamento.mp4 Se o npmは、ほとんどのum aviso de allow-scripts、pode ignorarをインストールします.

概要（AI 翻訳）

スキルパラクロードコード e コーデックス que cria carrosséis com a cara da sua marca: do roteiro ao PNG em 2x, com galeria, スライダー, comparação de verses e Legenda pronta.

#Por que não é “só um プロンプト”

O que deixa um carrossel bom não é o プロンプト, é o processo:

1。 Roteiro antesは視覚的にします。 A IA コピースライド e só desenha depois do seu ok. 2。 ** galeria é a リファレンス.** Cada peça aprovada vira 紹介パラ a próxima, então o estilo se mantém. 3。Assets próprios。 Uma série de imagens no estilo da marca, gerada com 画像 gen a partir de uma âncora aprovada. 4。Checagemビジュアル。 Cada スライド é レンディゾド e conferido antes de chegar em vocês. 5。 ゴストアキュラド。 Toda recusa ou aprovação vai para um [GOSTO.md]], que a スキル lê antes de cada peça. Quanto mais você usa, メイド ela acerta.

Funciona パラオ

-Marca que já が存在します: スキル lê seu サイト、ロゴ e 投稿 e monta o 手動部分的なデル。

**マルカはゼロをします:**フェズアルグマペルガンタ、プロペ2 ou 3 direçes e monta aidentidade com você。

O que você recebe さん

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

/carrossel

Skill para Claude Code e Codex que cria carrosséis com a cara da sua marca: do roteiro ao PNG em 2x, com galeria, slider, comparação de versões e legenda pronta.

Por que não é “só um prompt”

O que deixa um carrossel bom não é o prompt, é o processo:

Roteiro antes do visual. A IA propõe a copy slide a slide e só desenha depois do seu ok.
A galeria é a referência. Cada peça aprovada vira referência para a próxima, então o estilo se mantém.
Assets próprios. Uma série de imagens no estilo da marca, gerada com image gen a partir de uma âncora aprovada.
Checagem visual. Cada slide é renderizado e conferido antes de chegar em você.
Gosto acumulado. Toda recusa ou aprovação vai para um GOSTO.md, que a skill lê antes de cada peça. Quanto mais você usa, mais ela acerta.

Funciona para

Marca que já existe: a skill lê seu site, logo e posts e monta o manual a partir deles.
Marca do zero: faz algumas perguntas, propõe 2 ou 3 direções e monta a identidade com você.

O que você recebe



Galeria com todas as peças e versões	Slider com legenda, comparação e download em alta

Cada slide sai em HTML editável, PNG 1080×1350 e PNG 2160×2700.

Vídeo de 24s: docs/motion/lancamento.mp4

Instalação

Requer Node 18+.

git clone https://github.com/guilhermealvestech/carrossel-skill
cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel   # Claude Code
cp -r carrossel-skill/skills/carrossel ~/.codex/skills/carrossel    # Codex
npm install --prefix ~/.claude/skills/carrossel
npx --prefix ~/.claude/skills/carrossel playwright install chromium

Se o npm install mostrar um aviso de allow-scripts, pode ignorar.

Depois, no seu projeto: peça um carrossel (“faz um carrossel sobre …”) ou rode /carrossel. Na primeira vez a skill monta a pasta carrosseis/ e faz o onboarding da marca.

Estrutura

skills/carrossel/
  SKILL.md                 o workflow
  references/              onboarding, roteiro, visual, image gen, entrega
  scripts/                 render 2x, slider, galeria, setup
  templates/               projeto inicial e slide base
exemplos/oratry/           exemplo real: o mesmo carrossel sem e com a skill

Exemplo

exemplos/oratry é um caso real: o carrossel “Cliente disse Tá caro?” da Oratry, feito duas vezes. A v1 saiu de um prompt solto; a v2, com a skill. Abra exemplos/oratry/index.html e use Comparar lado a lado.

Licença

MIT

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add guilhermealvestech/carrossel-skill

MCP 初心者？mcpskill.org のガイドから始めましょう →