Prompstack

Structured AI Prompt Stacks — step-by-step prompt sequences for building real software with AI tools like Replit Agent, Claude, and ChatGPT.

What is Prompstack?

Prompstack is a community platform where builders share and discover structured AI prompt workflows. Instead of random prompting, Prompstack gives you ordered, tested sequences that produce real results.

Pages

• Home — Hero, feature highlights, and stat bar
• Explore — Browse and search stacks by category with filters
• Stack Detail — Expandable step-by-step view with one-click copy for each prompt
• Create — Publish your own prompt stacks (account required)
• Profile — Your saved and created stacks
• About — Product story, values, and what Prompstack is for
• How To — Step-by-step usage guide with FAQ
• Cookie Policy — How cookies are used
• Privacy Policy — Data handling and user rights
• Terms of Service — Usage rules and legal terms
• Changelog — Version history

Features

• Browse and search prompt stacks by category (SaaS, Marketplace, AI Agents, Web Apps, Automation)
• Expandable step-by-step prompt viewer with one-click copy
• Create and publish your own stacks (requires account)
• Save/bookmark stacks to your profile
• Mobile-responsive with hamburger navigation
• Dark/light theme toggle
• Auth via Supabase (email)
• Inline SVG logo — no external image dependency
• Seed data for demo mode (works without Supabase config)

Stack

• Single HTML file — no build tools, no frameworks
• Vanilla JavaScript
• Supabase (auth + database)
• Google Fonts (Inter + Space Grotesk)

Setup

1. Create a Supabase project
2. Run the SQL below in your Supabase SQL editor
3. Replace YOUR_SUPABASE_URL and YOUR_SUPABASE_ANON_KEY in index.html
4. Open index.html in your browser or deploy to Vercel / GitHub Pages

Supabase Schema

-- Stacks table
create table stacks (
  id uuid primary key default gen_random_uuid(),
  user_id uuid references auth.users(id) on delete cascade,
  title text not null,
  description text,
  category text,
  created_at timestamptz default now()
);

-- Stack steps table
create table stack_steps (
  id uuid primary key default gen_random_uuid(),
  stack_id uuid references stacks(id) on delete cascade,
  step_number int not null,
  label text,
  prompt text not null,
  explanation text
);

-- Bookmarks table
create table bookmarks (
  id uuid primary key default gen_random_uuid(),
  user_id uuid references auth.users(id) on delete cascade,
  stack_id uuid references stacks(id) on delete cascade,
  unique(user_id, stack_id)
);

-- Enable Row Level Security
alter table stacks enable row level security;
alter table stack_steps enable row level security;
alter table bookmarks enable row level security;

-- Policies
create policy "Anyone can read stacks" on stacks for select using (true);
create policy "Auth users can insert stacks" on stacks for insert with check (auth.uid() = user_id);
create policy "Users can delete own stacks" on stacks for delete using (auth.uid() = user_id);

create policy "Anyone can read steps" on stack_steps for select using (true);
create policy "Auth users can insert steps" on stack_steps for insert with check (
  exists (select 1 from stacks where id = stack_id and user_id = auth.uid())
);

create policy "Users can read own bookmarks" on bookmarks for select using (auth.uid() = user_id);
create policy "Users can insert bookmarks" on bookmarks for insert with check (auth.uid() = user_id);
create policy "Users can delete own bookmarks" on bookmarks for delete using (auth.uid() = user_id);

Deploy to Vercel

1. Push this repo to GitHub
2. Import the repo in Vercel
3. Set framework to Other (static site)
4. Deploy — no build step needed

Deploy to GitHub Pages

1. Go to repo Settings → Pages
2. Set source to Deploy from a branch, branch main, folder / (root)
3. Save — your site will be live at https://synterlab.github.io/prompstack

License

MIT