Design Systems
Kami
Compõe currículos, white papers, decks e landing pages sobre uma única linguagem de design.
O que é
Um sistema de templates para documentos profissionais e landing pages de produto. Fundo de pergaminho quente, destaque azul-tinta, hierarquia liderada por serifa, com templates para nove tipos de documento e quinze primitivos de diagrama.
Typeset professional documents and product landing pages: resumes, one-pagers, white papers.
Por que isso importa para design
- Uma cor de destaque e uma família serifada mantêm todo entregável visualmente consistente.
- Um contrato de densidade sinaliza páginas de corpo que renderizam com menos da metade preenchida.
- Os primitivos de diagrama cobrem arquitetura, fluxogramas, quadrantes, linhas do tempo e gráficos.
O que cobre
- Decide the language
- Pick the document type
- Fill content into the template
- Build and verify
- Fonts
- Feedback protocol
Como instalar
Kami
-
Clone o repositório.
git clone https://github.com/tw93/Kami -
Aponte o Codex para o arquivo da skill.
plugins/kami/skills/kami/SKILL.md -
Depois descreva a UI que você quer. O Codex segue a skill.
Como rodar com o Codex
-
Diga o que você precisa; a árvore de decisão escolhe o template correspondente.
-
Deixe o Codex destilar seu conteúdo bruto num content.json validado primeiro.
-
Rode o script de build para produzir HTML, PDF e relatórios de verificação.
Todo plugin aqui é gratuito, open source e leva até a sua fonte original.
Mais na lista codex-design ↗Mais plugins de design para o Codex
Frontend & UI O que ele faz gpt-taste Cria landing pages estilo premiado com movimento de scroll em GSAP e grids bento sem falhas. 
Design Systems O que ele faz Stitch Design Taste Escreve um DESIGN.md que guia o Google Stitch para telas que fogem do genérico. 
Frontend & UI O que ele faz image-to-code Gera imagens de design primeiro, analisa cada uma e só depois constrói o código de frontend correspondente. 
Frontend & UI O que ele faz imagegen-frontend-mobile Gera fluxos de telas de app mobile em nível premium, como imagens, não como código. Próximo passo
Projete com o Open Design, sem a configuração
Instale este plugin por conta própria ou rode uma camada de design curada em volta do Codex com o Open Design. Use sua própria chave e seja dono do resultado.