This is a Slidev template designed to be easily customized for different clients by changing a single configuration file.
-
Install dependencies:
npm install
-
Start development server:
npm run dev
To customize the presentation for a new client, edit the client-config.json file in the root directory:
{
"clientName": "Client Name",
"primaryColor": "#FF5733",
"secondaryColor": "#C70039",
"logoUrl": "/logo.svg",
"website": "https://client-website.com"
}These values are automatically injected into the slides and components.
You have two options for the logo:
- Local File (Recommended): Place your image file (e.g.,
logo.png) inside thepublicfolder. Then, set"logoUrl": "/logo.png"in the config file. This ensures the logo works offline. - External URL: Set
"logoUrl": "https://example.com/logo.png"to load the image from the web.
-
Access in Markdown (
slides.md): Use mustache syntax:{{ $clientConfig.clientName }} -
Access in Components: Use
this.$clientConfigor injectclientConfigin setup.Example (
ClientHeader.vue):const config = computed(() => app?.appContext.config.globalProperties.$clientConfig)
-
Components: The
<ClientHeader />component is available globally and displays the client logo/name and uses the configured colors.
Este template foi projetado para trabalhar em conjunto com o Roo (ou outros assistentes de IA integrados ao editor) para gerar apresentações automaticamente.
A estrutura de trabalho está em ai-docs/:
- Entrada (
ai-docs/source-material/): Coloque aqui seus PDFs, arquivos de texto, anotações ou imagens. - Cérebro (
ai-docs/knowledge-base/): Contém as regras técnicas (architecture.md) e visuais (style_guide.md) que o Roo usa para gerar código correto. - Instrução (
ai-docs/ROO_WORKFLOW.md): O guia mestre que ensina o Roo a processar a entrada e gerar a saída.
Como gerar slides com o Roo:
- Coloque seu conteúdo bruto na pasta
ai-docs/source-material/. - Peça ao Roo: "Gere uma apresentação baseada no material que está na pasta source-material."
- O Roo lerá o conteúdo, consultará a base de conhecimento e atualizará o arquivo
slides.mdpara você.
(Opcional) Para usar IAs externas (ChatGPT, etc.), consulte ai-docs/knowledge-base/external_llm_prompt.md.