MCPcopy Index your code
hub / github.com/Nutlope/make-comics

github.com/Nutlope/make-comics @main

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

Make Comics

Make Comics

Create comic books with AI. Generate stories, characters, and panels using advanced AI models.

How AI Generates Comics

We use Google Flash Image 2.5 to generate comic pages and Qwen3 80B to generate story titles and narratives. The AI references previous pages for visual coherence and uses uploaded character images to maintain consistency across panels.

Tech stack

Cloning & running

  1. Clone the repo: git clone https://github.com/nutlope/make-comics
  2. Create a .env file based on .example.env and add your API keys:
  3. Together AI API key: TOGETHER_API_KEY=<your_together_ai_api_key>
  4. AWS S3 credentials: S3_UPLOAD_KEY, S3_UPLOAD_SECRET, S3_UPLOAD_BUCKET, S3_UPLOAD_REGION
  5. Database URL: Use Neon to set up your PostgreSQL database: DATABASE_URL=<your_database_url>
  6. Clerk keys: NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY, CLERK_SECRET_KEY
  7. Upstash Redis: UPSTASH_REDIS_REST_URL, UPSTASH_REDIS_REST_TOKEN
  8. Run npm install and npm run dev to install dependencies and run locally

Extension points exported contracts — how you extend this code

ApiKeyModalProps (Interface)
(no doc)
components/api-key-modal.tsx
FeedbackModalProps (Interface)
(no doc)
components/feedback-modal.tsx
PageData (Interface)
(no doc)
components/editor/page-info-sheet.tsx
ComicCreationFormProps (Interface)
(no doc)
components/landing/comic-creation-form.tsx
StoryLoaderProps (Interface)
(no doc)
components/ui/story-loader.tsx
PageData (Interface)
(no doc)
app/story/[storySlug]/story-editor-client.tsx
Story (Interface)
(no doc)
app/stories/page.tsx
State (Interface)
(no doc)
hooks/use-toast.ts

Core symbols most depended-on inside this repo

cn
called by 262
lib/utils.ts
toast
called by 13
components/ui/use-toast.ts
toast
called by 10
hooks/use-toast.ts
getStoryWithPagesBySlug
called by 8
lib/db-actions.ts
dispatch
called by 5
components/ui/use-toast.ts
useToast
called by 5
components/ui/use-toast.ts
dispatch
called by 5
hooks/use-toast.ts
useCarousel
called by 4
components/ui/carousel.tsx

Shape

Function 400
Interface 18

Languages

TypeScript100%

Modules by API surface

components/ui/sidebar.tsx25 symbols
components/ui/menubar.tsx16 symbols
components/ui/dropdown-menu.tsx15 symbols
components/ui/context-menu.tsx15 symbols
app/story/[storySlug]/story-editor-client.tsx15 symbols
lib/db-actions.ts14 symbols
components/ui/alert-dialog.tsx11 symbols
components/ui/sheet.tsx10 symbols
components/ui/select.tsx10 symbols
components/ui/item.tsx10 symbols
components/ui/field.tsx10 symbols
components/ui/drawer.tsx10 symbols

For agents

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

⬇ download graph artifact