Landing page design and Vercel deployment

design

lp-designer is a Claude Code skill that guides the full creation cycle of a landing page or homepage — from requirement gathering to a live Vercel deployment. The workflow spans 6 phases: structured client interviews via AskQuestionTool, messaging strategy with persona and copy generation, ASCII wireframe plus visual wireframe via diagram-generator, Pencil MCP design (producing .pen files), HTML/CSS implementation with Tailwind, and final Vercel publish. Built for developers and designers working inside Cursor IDE with Pencil MCP enabled and Node.js 18+, it covers LP, SaaS pages, portfolios, product pages, and event sites from a single triggered workflow.