CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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 under 1s, CLS under 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.

69

Quality

87%

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

SKILL.md
Quality
Evals
Security

Quality

Content

67%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 concrete and well-sequenced with a real validation loop, but it fails progressive disclosure: it duplicates material that already exists in its own references/ files and never points to them or to the bundled scaffolder script. The dangling external script reference in the workflow also weakens reliability.

Suggestions

Replace the inlined SEO Checklist, Copy Frameworks, and Other Section Patterns sections with short summaries plus explicit links to the existing bundle files (e.g., "See [references/seo-checklist.md](references/seo-checklist.md)"), so the body serves as an overview and the reference files are actually used.

Reference scripts/landing_page_scaffolder.py in the workflow (e.g., as a scaffolding or validation step) so the bundled tool is discoverable, and remove or verify the external marketing-skill/... brand_voice_analyzer.py path that is not part of this bundle.

Deduplicate the repeated LCP/CLS/FID targets (header line, SEO Checklist, Performance Targets table) into the Performance Targets table only, and trim Common Pitfalls entries that restate checklist items.

DimensionReasoningScore

Conciseness

Mostly dense and information-bearing (class tables, a full component, checklists), but the LCP/CLS targets are repeated in the header line, the SEO Checklist, and the Performance Targets table, and "Common Pitfalls" restates checklist items (image preload, mobile CTA). Not score 5 because of this repetition; not score 3 because there is no padded explanation of concepts Claude already knows.

4 / 5

Actionability

The hero component is copy-paste-ready TSX and the design-style table gives exact Tailwind classes, but the non-hero sections (features, pricing, FAQ, testimonials) are prose pattern descriptions rather than code, and the bundled scaffolder script (scripts/landing_page_scaffolder.py) is never mentioned as a concrete tool. Not score 5 because coverage of the common cases is incomplete in code form; not score 3 because the guidance given is specific and executable in structure.

4 / 5

Workflow Clarity

The 7-step generation workflow is clearly sequenced with an explicit validation checkpoint ("run through every item in the SEO Checklist... Fix any gaps inline — do not skip items"), which is a real fix-and-continue loop. Not score 5 because step 2 depends on an external path (marketing-skill/skills/content-production/scripts/brand_voice_analyzer.py) not present in this bundle, there is no re-validation after fixes, and the stated performance targets have no verification step.

4 / 5

Progressive Disclosure

The bundle ships four reference files (conversion-patterns.md, copy-frameworks.md, landing-page-patterns.md, seo-checklist.md) and a scaffolder script, but the body never links to any of them — instead it inlines its own SEO Checklist, Copy Frameworks, and section-pattern sections that duplicate that reference material. This matches score 2 ("content that clearly belongs in separate files is inlined; or references are buried"); not score 3 because the local references are not merely unclearly signaled, they are entirely unreferenced.

2 / 5

Total

14

/

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.

A strong description: third-person, specific, comprehensive, with an explicit 'Use when' clause covering natural synonyms and edge-case triggers. The only minor weakness is length, though every clause carries information.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions in third person — "Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections", "Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP under 1s, CLS under 0.1)" — with comprehensive coverage of the skill's output surface. Not score 4 because coverage extends beyond section types to copy frameworks, structured data, and quantified performance targets.

5 / 5

Completeness

Explicitly answers both what ("Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS") and when ("Use when the user asks to create a landing page...") with concrete trigger phrases. Matches the score-5 anchor structure exactly; not score 4 because the when-clause is already fully explicit.

5 / 5

Trigger Term Quality

Comprehensive natural trigger terms with synonyms: "landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page", plus A/B testing variants and "replace a static page with one designed to convert". These are phrases a user would naturally say; not score 4 because no common variation is missing.

5 / 5

Distinctiveness Conflict Risk

Clear niche (conversion-focused landing/marketing pages in Next.js/Tailwind) with distinct trigger phrases; minimal conflict risk with adjacent web-development skills. Terms like "homepage" broaden it slightly, but the conversion-optimisation framing keeps the niche distinct — fits the score-5 anchor better than score 4's "minor overlap risk".

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

alirezarezvani/claude-skills

Path

product-team/skills/landing-page-generator/SKILL.md

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.