Skip to content

CarlosASilveira/slidev

Repository files navigation

Dynamic Slidev Template

This is a Slidev template designed to be easily customized for different clients by changing a single configuration file.

Setup

  1. Install dependencies:

    npm install
  2. Start development server:

    npm run dev

Customization

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.

Logo Image

You have two options for the logo:

  1. Local File (Recommended): Place your image file (e.g., logo.png) inside the public folder. Then, set "logoUrl": "/logo.png" in the config file. This ensures the logo works offline.
  2. External URL: Set "logoUrl": "https://example.com/logo.png" to load the image from the web.

Usage

  • Access in Markdown (slides.md): Use mustache syntax: {{ $clientConfig.clientName }}

  • Access in Components: Use this.$clientConfig or inject clientConfig in 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.

AI Workflow (In-Editor)

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/:

  1. Entrada (ai-docs/source-material/): Coloque aqui seus PDFs, arquivos de texto, anotações ou imagens.
  2. 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.
  3. 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:

  1. Coloque seu conteúdo bruto na pasta ai-docs/source-material/.
  2. Peça ao Roo: "Gere uma apresentação baseada no material que está na pasta source-material."
  3. O Roo lerá o conteúdo, consultará a base de conhecimento e atualizará o arquivo slides.md para você.

(Opcional) Para usar IAs externas (ChatGPT, etc.), consulte ai-docs/knowledge-base/external_llm_prompt.md.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published