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.

71

Quality

89%

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

77%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.

A strong, highly actionable single-file skill: concrete class sets, executable code, a validated workflow with a checklist and fix loop. Weaker on structure — everything is inlined in SKILL.md with no progressive disclosure to reference files, and the representative component has undeclared UI dependencies.

Suggestions

Split detailed material into bundle reference files (e.g., references/design-styles.md, references/section-patterns.md with the hero and other component code) and keep SKILL.md as a concise overview with clearly signaled one-level-deep links — this would fix the progressive_disclosure gap.

Trim the opening paragraph (it duplicates the frontmatter description) and shorten the hero example to its structural essentials, keeping the full variant code in a reference file.

State the component dependencies up front (e.g., shadcn/ui Button/Accordion, lucide-react Check icon, next/image) so the executable examples are copy-paste ready without inference.

DimensionReasoningScore

Conciseness

Dense and information-rich — Tailwind class sets, copy framework examples, performance targets, and pitfalls all assume Claude's competence. However, the opening paragraph restates the frontmatter description and the 35-line hero component is heavier than needed to convey the structural pattern, fitting 'minor instances of over-explanation' (4) rather than the lean anchor 5.

4 / 5

Actionability

The hero component is copy-paste-ready TSX and section patterns give concrete class sets and JSON-LD injection syntax. Minor gaps: <Button>, shadcn <Accordion>, and <Check> icons are used without noting the component library/imports they depend on, so guidance is not fully self-contained executable.

4 / 5

Workflow Clarity

A clearly ordered 7-step workflow with an explicit validation step ('Validate against SEO checklist — run through every item… Fix any gaps inline — do not skip items'), a concrete 11-item checklist, and a fix-and-retry feedback loop — matches the top anchor including checkpoints and error recovery.

5 / 5

Progressive Disclosure

A single ~200-line file with no bundle files; detailed reference material (full component code, style tables, section pattern specs) that would belong in separate reference files is inlined, and 'Related Skills' points to external paths not present in this bundle. Fits 'content that should be separate is inline' (3) better than the well-split anchor 4/5.

3 / 5

Total

16

/

20

Passed

Description

96%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.

An excellent description: specific, comprehensive, third-person, with an explicit and extensive 'Use when' trigger clause. The only weakness is that 'homepage' slightly broadens the trigger surface into general web-page territory.

DimensionReasoningScore

Specificity

Lists six concrete section types ('hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections') plus concrete outputs ('SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals') — comprehensive, specific actions throughout, matching the top anchor rather than the 'minor gaps' of 4.

5 / 5

Completeness

Third-person 'what' (generates complete TSX landing page components with named sections and outputs) followed by an explicit 'Use when the user asks to…' clause with concrete trigger phrases — clearly and explicitly answers both what and when.

5 / 5

Trigger Term Quality

Extensive natural synonyms: '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' — comprehensive coverage users would actually say, with nothing significant missing.

5 / 5

Distinctiveness Conflict Risk

A distinct niche (conversion-focused landing page generation) with specific triggers, but 'homepage' and generic page phrasing create minor overlap risk with general front-end/web-dev skills, fitting 'mostly distinct; minor overlap risk' better than the minimal-conflict anchor 5.

4 / 5

Total

19

/

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

.gemini/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.