🦥 LazyCSS

🌐 Uso via CDN (Sem NPM)

Ideal para desenvolvimento ágil, arquiteturas monolíticas e integração simplificada com LLMs. Insira o link abaixo diretamente no <head> do seu projeto:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/asideia/lazy-css@main/dist/lazycss.min.css">

Alimente sua Inteligência Artificial

O Lazy CSS não exige que você decore classes utilitárias complexas. O grande segredo é baixar o nosso manifesto de especificação técnica unificado e enviá-lo diretamente à sua LLM.

Compilador de Blueprint Nativo

🛠️ Guia de Utilização do Blueprint com Modelos de Linguagem (LLMs)

Siga o fluxo sequencial abaixo para delegar a construção de layouts e componentes complexos para o seu copiloto de código com precisão milimétrica:

  1. Clique no botão do Compilador de Blueprint Nativo acima para gerar e baixar o arquivo compilado lazycss-blueprint.md.
  2. Inicie uma nova sessão no seu modelo de IA de preferência (ChatGPT, Claude, Gemini, Copilot).
  3. Faça o upload ou anexe o arquivo lazycss-blueprint.md como o documento de contexto técnico base da conversa.
  4. Instrua a inteligência artificial a escrever estruturas baseando-se estritamente nas especificações mapeadas.

🎯 Diretrizes Recomendadas de Engenharia de Prompt

Utilize os comandos da tabela abaixo para extrair o melhor comportamento do modelo anexado:

Objetivo do Comando Exemplo Prático de Prompt
Gerar nova interface "Utilizando os componentes e o grid elástico definidos no Blueprint anexado, crie o HTML de uma tela de login de alta densidade."
Ajustar responsividade "Refatore este bloco utilizando as regras de desalinhamento móvel e desconstrução semântica de tabelas da ADR 0005."
Validar conformidade "Verifique se o HTML que escrevi viola alguma assinatura core ou padrão de HSL fragmentado documentado no manifesto."