Beautiful landing page

Skills and tools that help your agent design and build a polished, responsive landing page.

baoyu-design

JimLiu

This Agent Skill allows local generation of polished UI mockups, interactive prototypes, and wireframes as self-contained HTML directly within your coding agent.

4.3kMIT

PluginSafe

taste-skill

Leonxlnx

Gives coding agents 'taste' by providing art direction, reference images, and automated browser-based visual checks.

96kMIT

PluginSafe

design-extract

Manavarya09

Extracts a complete design system from any website, generating DTCG tokens, Tailwind config, Figma variables, and more, for AI coding agents.

4.2kMIT

PluginSafe

refero_skill

referodesign

This research-first design skill enables AI agents to access over 150,000 real app screens and user flows for informed UI/UX design.

290MIT

SkillSafe

oil-ui

oil-oil

Skill that explores several distinct UI design directions, compares them side by side on a preview page, and refines the chosen one against real screenshots.

853MIT

SkillSafe

design-dna

zanwei

This agent skill extracts quantified Design DNA from reference UIs (images, screenshots, URLs) and uses it to generate matching UI components and styles from user content.

1.9kMIT

6 resources

One prompt installs every resource in this kit

Paste this into Claude Code, Cursor or any coding agent:

Install the "Beautiful landing page" kit, one item at a time:

1. Install the agent skill "baoyu-design" from https://github.com/JimLiu/baoyu-design/tree/main/.claude/skills/release-skills into ~/.claude/skills/ (copy the whole folder that contains SKILL.md). Read SKILL.md first and tell me what it does and whether it runs any scripts.

2. Install the Claude Code plugin marketplace Leonxlnx/taste-skill: run "/plugin marketplace add Leonxlnx/taste-skill", then list its plugins and install the one I need.

3. Install the Claude Code plugin marketplace Manavarya09/design-extract: run "/plugin marketplace add Manavarya09/design-extract", then list its plugins and install the one I need.

4. Install the Claude Code plugin marketplace referodesign/refero_skill: run "/plugin marketplace add referodesign/refero_skill", then list its plugins and install the one I need.

5. Install the agent skill "oil-ui" from https://github.com/oil-oil/oil-ui into ~/.claude/skills/ (copy the whole folder that contains SKILL.md). Read SKILL.md first and tell me what it does and whether it runs any scripts.

6. Install the agent skill "design-dna" from https://github.com/zanwei/design-dna into ~/.claude/skills/ (copy the whole folder that contains SKILL.md). Read SKILL.md first and tell me what it does and whether it runs any scripts.