將此文件注入 AI 後，即可在結構合約範圍內生成單頁登陸頁面。
此技能用於在嚴格的結構合約下生成單頁登陸頁面（Landing Page）。它要求 AI 遵循預先定義的專案結構（例如類別名稱、檔案佈局），並僅使用純 Tailwind CDN 類別，禁止自訂 CSS 或 JavaScript。技能透過一系列輸入參數（品牌、產業、色板、區段順序、限制條件）引導生成過程，並確保產出符合 WCAG AA 對比度標準、區段間距節奏，以及無錯誤的渲染效果（響應式 360/768/1440 像素）。此技能特別適用於需要快速生成一致、可訪問且符合品牌規範的登陸頁面之開發者或設計師，支援多種 AI 代理平台如 Claude Code 或 Cursor，並透過結構合約與明確的完成標準避免設計與內容上的衝突與錯誤。
npx skills add https://github.com/webiscorp/designskill-open/tree/HEAD/skills/landing-generate將此文件注入 AI 後，即可在結構合約範圍內生成單頁登陸頁面。
由 DesignSkill 生成與提供
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".