MCPcopy Index your code
hub / github.com/Nutlope/napkins

github.com/Nutlope/napkins @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
36 symbols 120 edges 32 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Napkins

Napkins.dev

An open source wireframe to app generator. Powered by Kimi K2.5 & Together.ai.

Tech stack

  • Kimi K2.5 for the LLM
  • Together AI for LLM inference
  • Sandpack for the code sandbox
  • S3 for image storage
  • Next.js app router with Tailwind
  • Plausible for website analytics

Cloning & running

  1. Clone the repo: git clone https://github.com/Nutlope/napkins
  2. Create a .env file and add your Together AI API key: TOGETHER_API_KEY=
  3. Create an S3 bucket and add the credentials to your .env file. Follow this guide to set them up. All required values are in the .env.example file.
  4. Run npm install and npm run dev to install dependencies and run locally

Future Tasks

  • [ ] Make sure it looks nicer and less cluttered on mobile
  • [ ] On the sidebar, show the output from the vision model
  • [ ] Experiment with making it better through few shot prompts
  • [ ] Add a shadcn toggle to allow folks to use or not use it
  • [ ] Allow folks to edit the generated app with a prompt
  • [ ] Allow folks to choose from different themes
  • [ ] Show versions as the user edits the app

Extension points exported contracts — how you extend this code

ShimmerButtonProps (Interface)
(no doc)
components/ui/shimmerbutton.tsx
Result (Interface)
(no doc)
scripts/eval-fences.ts
ButtonProps (Interface)
(no doc)
components/ui/button.tsx

Core symbols most depended-on inside this repo

cn
called by 14
lib/utils.ts
stripFences
called by 5
lib/code-utils.ts
getCodingPrompt
called by 2
lib/prompt.ts
checkLeak
called by 2
scripts/repro-postamble.ts
readStream
called by 1
lib/utils.ts
countDelimiters
called by 1
lib/code-utils.ts
stripPostamble
called by 1
lib/code-utils.ts
getImages
called by 1
scripts/eval-fireworks.ts

Shape

Function 33
Interface 3

Languages

TypeScript100%

Modules by API surface

scripts/repro-postamble.ts5 symbols
scripts/eval-focused.ts4 symbols
scripts/eval-fireworks.ts4 symbols
lib/code-utils.ts4 symbols
app/page.tsx4 symbols
scripts/eval-fences.ts3 symbols
scripts/eval-single.ts2 symbols
lib/utils.ts2 symbols
app/api/generateCode/route.ts2 symbols
lib/prompt.ts1 symbols
components/ui/shimmerbutton.tsx1 symbols
components/ui/button.tsx1 symbols

For agents

$ claude mcp add napkins \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact