Communitygithub.com

mqtik/mate-skills-registry

Create landing page designs with HTML/CSS

mate-skills-registry 是什麼?

mate-skills-registry is a Claude Code agent skill that create landing page designs with HTML/CSS.

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mqtik/mate-skills-registry/tree/HEAD/community/landing-page

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Create a complete landing page in HTML and CSS. Structure the page with these sections: hero (headline, subheadline, CTA button), social proof (logos or testimonials), features (3-6 key benefits with icons), how it works (numbered steps), pricing (optional), and a final CTA with footer. Write compelling headline copy that communicates the value proposition clearly. Use semantic HTML5 elements (header, main, section, footer). Write mobile-first CSS using Flexbox or Grid for layout. Include smooth scroll behavior, hover states on interactive elements, and a sticky navigation bar. Keep the design clean: plenty of whitespace, consistent spacing scale, and a clear visual hierarchy. Ask for the product name, target audience, primary CTA action, and brand colors before generating. Output the full HTML file with embedded CSS.

相關技能