nanacodesign

LLM Wiki

A pattern for building personal knowledge bases using LLMs.

This is an idea file, it is designed to be copy pasted to your own LLM Agent (e.g. OpenAI Codex, Claude Code, OpenCode / Pi, or etc.). Its goal is to communicate the high level idea, but your agent will build out the specifics in collaboration with you.

The core idea

Most people's experience with LLMs and documents looks like RAG: you upload a collection of files, the LLM retrieves relevant chunks at query time, and generates an answer. This works, but the LLM is rediscovering knowledge from scratch on every question. There's no accumulation. Ask a subtle question that requires synthesizing five documents, and the LLM has to find and piece together the relevant fragments every time. Nothing is built up. NotebookLM, ChatGPT file uploads, and most RAG systems work this way.

nanacodesign

<nav role=”navigation” aria-label=”Main navigation” itemscope=”” itemtype=”http://schema.org/SiteNavigationElement”> </nav>

nanacodesign

<header class=”p-header” role=”banner” itemscope itemtype=”http://schema.org/WPHeader”>

</header>

nanacodesign

<h3>
  <button>Heading</button>
</h3>

----------------or----------------
                
<h3> 
  <a role=“button” href= “#”>Heading</a>
</h3>

nanacodesign

.btn-reset {
  background-color: transparent;
  border: 0;
  color: black;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  transition: background-color .5s cubic-bezier(.23, 1, .32, 1);

  &:hover {

nanacodesign

<div class="c-accordion">
  <!-- Title -->
  <a href="#" class="c-accordion__title">Title goes here</a>

  <!-- Heading -->
  <div class="c-accordion__item">
    
    <h3 class="c-accordion__heading">
        <a role="button" href="#" class="c-accordion__btn">
          <span>option 1</span>

nanacodesign

------reset icon-------

.icon {
  fill: currentColor;
  height: 1em;
  overflow: hidden;
  vertical-align: -.15em;
  width: 1em;
}

nanacodesign

<svg>
  <use xlink:href="styles/mysource_files/sprite.svg#icon-name"></use>
</svg>

nanacodesign

var svgSprite = require('gulp-svg-sprite');



var svgConfig = {
  svg: {
    namespaceClassnames: false
  },
  mode: {
    symbol: {

nanacodesign

npm install --save-dev gulp-svg-sprite