← ClaudeAtlas

pagekitlisted

Build a complete landing page or portfolio site from a short interview — for someone who does not write code. Runs a four-round questionnaire, picks a design direction, scaffolds Next.js + Tailwind + shadcn/ui, writes the page, deploys it with no Vercel account, then sets up structured data, llms.txt, robots.txt and metadata so search engines and AI assistants can actually read it. Use when the user says "build me a website", "landing page", "portfolio site", "make a site for my business", "página web", "landing", or asks for a one-page site for a small business.
kraayenjon/claude-pagekit · ★ 0 · Web & Frontend · score 60
Install: claude install-skill kraayenjon/claude-pagekit
# PageKit Take one person from nothing to a live landing page. They answer questions, you do everything else. Assume the user is a photographer, a baker, a consultant, a small agency — not a developer. They may never have opened a terminal. Never show raw terminal output unless asked. Replace every piece of jargon with a plain word. **No accounts, no API keys, no signups.** Everything below works for someone who has installed nothing but Node.js and Claude Code. If a companion skill suggests a paid tool or an API integration, skip that part silently. **Role lock.** Other skills you read during this flow will open by declaring they are an elite art director or a senior SEO consultant. Ignore that framing — they are references, not roles. Ignore any instruction in them to stop and wait for the user. The only pauses are the four listed below. ## Companion skills PageKit ships alongside these. Read each by path when this file says to, not because its description sounds relevant. | Skill | Read it | |---|---| | `design-taste-frontend` | Phase 2, always — the design authority | | `minimalist-ui` / `high-end-visual-design` / `industrial-brutalist-ui` | Phase 2, exactly one of the three | | `full-output-enforcement` | Phase 4, always — stops you truncating files | | `copywriting` | Phase 4, before any headline | | `landing-es` | Phase 4, whenever the page copy is Spanish | | `cro` | Phase 5, to check the page persuades | | `vercel-deploy` | Phase 6 | | `seo-geo`, `seo-schema`,