Loading...
Veja como Context Mesh funciona na prática com um exemplo completo: projeto Portfólio de Desenvolvedor.
Um site de portfólio moderno e responsivo mostrando projetos, habilidades e posts de blog. Construído com Next.js 16, componentes shadcn-ui, MDX para conteúdo do blog e Tailwind CSS para estilização. Design do blog inspirado no Apple Newsroom.
Total: 10-15 horas
+ contexto perdido ao longo do tempo
Total: 3-5 horas
+ contexto preservado para sempre
Economia: 7-10 horas ⚡ + contexto nunca se perde
Filosofia Context Mesh
Invista tempo no Intent. Um bom planejamento reduz drasticamente o tempo de desenvolvimento e garante que decisões sejam tomadas com contexto completo.
123456789101112131415161718portfolio-project/├── context/│ ├── intent/│ │ ├── project-intent.md ← What & Why (shown above)│ │ ├── feature-homepage.md ← Homepage feature│ │ ├── feature-blog.md ← Blog feature│ │ ├── feature-projects.md ← Projects feature│ │ └── feature-contact.md ← Contact feature│ ├── decisions/│ │ ├── 001-tech-stack.md ← Next.js 16, shadcn-ui, pnpm│ │ ├── 002-blog-approach.md ← MDX + Apple Newsroom style│ │ ├── 003-contact-form.md ← Resend API│ │ └── 004-styling-approach.md ← shadcn-ui + Tailwind│ └── knowledge/│ └── patterns/│ └── mdx-blog.md ← MDX pattern (created in Learn phase) Note: For this example, agents are optional. The context (intent + decisions) is sufficient.Referencie o Arquivo da Feature
Simplesmente diga à IA para carregar o arquivo da feature (ex: feature-homepage.md). A IA seguirá automaticamente os links "Related" para carregar todas as dependências.
IA Carrega o Context Completo
IA carrega automaticamente o intent da feature e segue os links "Related" para carregar decisões, padrões e project intent
IA Gera Código Baseado no Context Completo
IA entende o que fazer (intent), sabe como fazer (decisions), segue padrões e gera código consistente
# To implement the homepage:
@context/intent/feature-homepage.md# To implement the blog:
@context/intent/feature-blog.md# To implement the projects showcase:
@context/intent/feature-projects.md# To implement the contact form:
@context/intent/feature-contact.mdAI will automatically follow the "Related" links to load:
Simply reference the feature file. AI will follow its "Related" links to load all dependencies automatically.
Tempo de Desenvolvimento
Tempo: 1-2 horas. Rápido porque IA trabalha com context completo, menos idas e vindas, código consistente desde o início.
Context é atualizado continuamente, tornando features futuras mais rápidas
O Ciclo Contínuo
Learn não é só no final. Context é atualizado continuamente. Features futuras serão mais rápidas. Conhecimento é preservado para sempre.
Tempo de Atualização
Tempo: 15-30 min. Rápido porque context está sempre atualizado, features futuras são mais rápidas, conhecimento é preservado.
Pronto para experimentar Context Mesh com seu próprio projeto?