CtrlK
BlogDocsLog inGet started
Tessl Logo

landing-page-generator

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.

76

Quality

94%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is landing-page-generator in alirezarezvani/claude-skills

SKILL.md
Quality
Evals
Security

Quality

Content

88%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is highly actionable and well-sequenced with explicit validation, mostly lean and free of over-explanation. Its main gap is the absence of any reference bundle, leaving a long single-file skill where splitting would aid navigation.

Suggestions

Move the full Representative Component template and the Design Style Reference table into a references/ file (e.g. references/components.md, references/styles.md), keeping SKILL.md a lean overview with one-level-deep links.

Tighten the Common Pitfalls section or fold the most critical pitfalls into the relevant section (hero image preload under Performance Targets, trust signals under CTA) rather than listing them separately.

Consider extracting the SEO Checklist and Performance Targets into a references/seo-performance.md to further reduce inline length while retaining the validation step pointer in the workflow.

DimensionReasoningScore

Conciseness

The body is information-dense and avoids explaining basics Claude already knows, but the full ~33-line Representative Component and the standalone Common Pitfalls section add length that could be trimmed or externalised.

4 / 5

Actionability

Provides copy-paste-ready TSX, concrete Tailwind class sets in a reference table, real copy-framework examples, a trigger format, an SEO checklist, and a performance-targets table — fully executable guidance covering common cases.

5 / 5

Workflow Clarity

The 7-step Generation Workflow is explicitly ordered with a validation checkpoint (step 6 'Validate against SEO checklist... Fix any gaps inline') and a reinforced 'Validation step' note, giving clear sequencing with a feedback loop.

5 / 5

Progressive Disclosure

Well-organised with clear section headers and clearly-signalled Related Skills cross-references, but no bundle files exist so all content sits inline in one ~195-line file; some material (full component template, design-style reference) could be split into reference files.

4 / 5

Total

18

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is third-person, concrete, and comprehensive, naming specific section types, frameworks, and performance targets. It pairs a thorough 'what' with an explicit 'Use when...' clause packed with natural trigger synonyms.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Generates...complete Next.js/React (TSX) components', 'Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections', 'Outputs SEO meta tags, structured data, and performance-optimised code' — covering the domain comprehensively.

5 / 5

Completeness

Explicitly answers both what ('Generates high-converting landing pages...') and when ('Use when the user asks to create a landing page...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Covers natural terms and synonyms exhaustively — 'landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page', plus 'A/B test landing page variants'.

5 / 5

Distinctiveness Conflict Risk

Clear conversion-optimisation niche bound to Next.js/TSX/Tailwind output and copy frameworks (PAS/AIDA/BAB); triggers are specific enough to minimise overlap with general webdev skills.

5 / 5

Total

20

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
alirezarezvani/claude-skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.