skills.rest
sluongng
sluongngCOMMUNITY
Explore all skills by this author →
Website𝕏@sluongngGitHub

devtools-landing-page

Generate landing page plans and review checklists for devtools startups.

6|Updated Jul 9, 2019
Search Tags:#devtools#conversion#ux#design-review#landing-page#b2b#visual-direction
One-click install
npx skills add https://github.com/sluongng/dotfiles --skill devtools-landing-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: devtools-landing-page
Source: https://github.com/sluongng/dotfiles/tree/main/config/claude/plugins/tinytree-dev/skills/devtools-landing-page
Command: npx skills add https://github.com/sluongng/dotfiles --skill devtools-landing-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps design and review landing pages for early-stage B2B devtools, ensuring the value proposition, credibility, and conversion paths are clear and actionable.

Core Features & Use Cases

  • Create a concise hero that communicates the specific workflow and buyer mindset.
  • Validate proof, credibility, and trust signals (logos, metrics, case studies) near the first viewport.
  • Provide a structured page plan and reviewer notes for rapid iteration and handoff.

Quick Start

Describe your startup, target ICP, and primary action, then request a design critique to generate a page plan.

Frequently Asked Questions about devtools-landing-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a high-converting landing page for a B2B devtools startup?▼

Designing a devtools landing page requires a concise hero section communicating the specific workflow and buyer mindset, placing trust signals like metrics and logos near the first viewport to ensure clear conversion paths.

What should be included in the hero section of a developer tools landing page?▼

A developer tools hero section should include a concise value proposition that communicates the specific workflow and buyer mindset, ensuring early-stage B2B audiences understand your product's core value within the first viewport.

How do I critique and review an existing devtools landing page for UX and conversion?▼

Critique a devtools landing page for UX and conversion by applying a structured review checklist to evaluate the hero section, proof sections, CTA strategy, and responsive layouts against your target ICP and primary action.

Where should I place credibility and trust signals on a B2B developer tools landing page?▼

Place credibility and trust signals like logos, metrics, and case studies near the first viewport on a B2B developer tools landing page to validate proof and drive conversion immediately.

Can I get a full landing page plan and style recommendations for my developer tool?▼

Generate a full landing page plan for your developer tool by describing your startup, target ICP, and primary action to receive a first-viewport plan, style lane recommendations, and a structured review checklist.

Related Skills

Explore More Design & Creative Skills→
shawnpangshawnpang
285

landing-page

Audit landing pages and draft conversion-focused copy with a single primary CTA.

Community
Intermediate
indykishindykish
2

frontend-design

Plan and implement accessible React and TypeScript frontend interfaces with token-based theming.

Community
Advanced
kostja94kostja94
872

hero-generator

Design, optimize, and audit website hero sections with SEO and UX guidance.

Community
Intermediate
Hans3010Hans3010

landing-page-design

Design landing pages with optimized layout, hero sections, and CTA psychology.

Community
Intermediate