A collection of design skills for Claude Code, Cursor, Codex, and others. Currently, it includes only one skill: landing-page-design, which provides a complete set of landing page specifications covering everything from requirements gathering and page structure to conversion copy, fonts, spacing, border radius, and animations.
Stars 11136 (+2139 / 24h)
Reasoning
- Part A defines the content first: it asks all key questions at once regarding primary conversion actions, target users, three main concerns, traffic sources, and available proof materials. It then selects one of four layouts with justification and structures the page into 12 sections: hero, argument, and FAQ.
- Part B establishes strict visual rules: use only fonts like Geist, Manrope, and Poppins; prohibit Inter, Roboto, and italics; use a single font per site; avoid hyphenation in body text; and apply
text-wrap: balanceto headings to prevent orphaned words. - All design values are centralized in a section at the bottom of the file, allowing you to switch to your own style by editing just that section after forking. The animation and content realism sections are adapted from taste-skill with attribution.
Usage
- Claude Code: Clone the repository, then copy
skills/landing-page-designto your project's.claude/skills/directory. Afterward, you can simply provide requirements using natural language. - Cursor: Download
SKILL.mdto.cursor/rules/; for Codex, place it inAGENTS.md; for Windsurf, place it in.windsurfrules.
Risks
- The repository currently contains only one skill, and the README is brief. The skill description requires it to load for "any web interface" task, so installing it globally may affect non-landing-page projects.
- The rules reflect the author's personal aesthetic preferences (such as prohibiting certain fonts). In case of conflict with brand guidelines, user requirements take precedence. The license is MIT.