Código aberto5.9k

Arquitetura como código

Descreva a arquitetura dos seus sistemas por meio de código. Visualize, valide e compartilhe tudo a partir de uma única fonte de verdade.

Primeiros passos Ver no GitHub

landscape-view.c4

Como funciona

Escreva. Visualize. Compartilhe.

Um fluxo de trabalho simples, da definição da arquitetura à criação de diagramas compartilháveis em três etapas.

Escreva

Defina sua arquitetura com uma DSL simples e expressiva. Descreva componentes, relacionamentos e limites como código.

model {
  customer = actor 'Customer'
  cloud = system 'Our SaaS' {
    ui = component 'Frontend'
    api = component 'Backend'
    ui -> api 'requests'
  }
  customer -> ui
}

Visualize

Gere diagramas visuais diretamente do código e explore diferentes visões do sistema em qualquer nível de detalhe.

Compartilhe

Exporte diagramas, incorpore-os à documentação ou compartilhe visões interativas com a equipe. Mantenha todos alinhados sobre a arquitetura.

terminal

$ likec4 build
  Building static site...
$ likec4 generate react
  Generated React components
$ likec4 serve
  Serving at http://localhost:5173

Recursos

Tudo o que você precisa

Um conjunto completo de ferramentas para modelar, visualizar e validar sua arquitetura de software, tudo a partir de código.

Sua linguagem

Defina seu sistema com uma DSL clara e expressiva. A sintaxe é fácil de compreender e pode ser interpretada diretamente por agentes de IA.

specification {
  element actor {
    style {
      shape person
    }
  }
  element system
  element component
  relationship async
}

Versionamento

Armazene diagramas no Git, acompanhe alterações e colabore usando fluxos de trabalho conhecidos.

Compatível com IA

Disponibilize o contexto da sua arquitetura para agentes de IA por meio de servidor MCP ou API, sem esforço adicional.

Visões interativas

Navegue pelos diagramas de arquitetura e explore componentes e relacionamentos de forma interativa.

Integração em qualquer lugar

Incorpore diagramas interativos à documentação, a sites ou aplicativos com o plugin Vite, React ou Web Components.

Comparação e validação

Valide alterações automaticamente. Identifique desvios arquiteturais e mudanças incompatíveis antes da publicação.

Demo

Veja em ação

architecture.c4

model {
  customer = actor 'Customer' {
    description 'A user of our product'
  }
  cloud = system 'Our SaaS' {
    description 'Our product'
  }
  customer -> cloud 'uses to manage data'
}

model {
  customer = actor 'Customer' {
    description 'A user of our product'
  }
  cloud = system 'Our SaaS' {
    description 'Our product'
    ui = component 'Frontend'
    customer -> ui 'opens in browser'
  }
  customer -> cloud 'uses to manage data'
}

model {
  customer = actor 'Customer' {
    description 'A user of our product'
  }
  cloud = system 'Our SaaS' {
    description 'Our product'
    ui = component 'Frontend'
    customer -> ui 'opens in browser'
    backend = component 'Backend'
    ui -> backend 'requests via HTTPS'
  }
  customer -> cloud 'uses to manage data'
}