CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

landing-page-generator

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

Quality

76%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/landing-page-generator/SKILL.md
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 body: exact class tables, a worked hero exemplar, concrete data shapes, and a well-gated validation workflow. Its main defect is bundle integration — the body operates as a self-contained monolith that never links the four reference files, never surfaces the bundled scaffolder script, and duplicates reference content inline, while pointing to related-skill paths that don't exist in this bundle.

Suggestions

Replace the inlined Copy Frameworks and SEO Checklist sections with one-level-deep links to references/frameworks.md and references/seo-checklist.md, and link references/conversion-patterns.md and references/landing-page-patterns.md for the section-pattern details.

Document scripts/landing_page_scaffolder.py in the body (its config format and --format html/tsx/json usage) so the bundled generator is discoverable and the workflow can optionally use it.

Fix the Related Skills paths: marketing-skill/content-production/scripts/brand_voice_analyzer.py, product-team/ui-design-system/, and product-team/competitive-teardown/ do not exist in this bundle — either ship them or rewrite step 2 to work without the external analyzer.

DimensionReasoningScore

Conciseness

The body is dense and efficient — the Design Style Reference and Performance Targets are token-lean tables, section patterns are terse specs like "Map over a plans array with { name, price, description, features[], cta, highlighted }", and prose is minimal. Not 5: the ~40-line hero exemplar partially re-teaches React/Tailwind Claude already knows, and the inlined 11-item SEO checklist duplicates references/seo-checklist.md. Not 3: there is no concept-explanation padding and little that could be cut wholesale.

4 / 5

Actionability

Concrete throughout: exact Tailwind class sets per style, a complete copy-paste hero TSX component, explicit data shapes, the FAQ JSON-LD injection pattern ("dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}"), and a structured input template. Not 5: the hero code assumes an un-imported shadcn Button, the remaining sections are pattern specs rather than complete code, and the bundled 568-line scaffolder script is never leveraged.

4 / 5

Workflow Clarity

The 7-step Generation Workflow is clearly sequenced (gather inputs → brand voice → style → framework → generate sections in fixed order → validate → output) with an explicit gated validation step: "run through every item in the SEO Checklist before outputting final code. Fix any gaps inline", reinforced by "verify every checklist item above is satisfied. Fix any gaps inline — do not skip items." This matches the anchor-5 pattern of clear sequence + explicit validation step + checklist + fix-and-proceed gating; generation is not destructive/batch so no cap applies.

5 / 5

Progressive Disclosure

Scored against the actual bundle: the body is internally well-sectioned (so not anchor 2's 'minimal structure'), but none of the five bundled files — references/conversion-patterns.md, frameworks.md, landing-page-patterns.md, seo-checklist.md, or the 568-line scripts/landing_page_scaffolder.py — are mentioned or linked anywhere. Meanwhile the body inlines content duplicating references/frameworks.md and references/seo-checklist.md, and its only file references (marketing-skill/.../brand_voice_analyzer.py, product-team/ui-design-system/, product-team/competitive-teardown/) point outside this bundle, two of them dangling. This fits anchor 3 ('references present but not clearly signaled; content that should be separate is inline'), not 4 ('references mostly clear; minor gaps') since the references are entirely unsignaled and a major bundle artifact is undiscoverable.

3 / 5

Total

16

/

20

Passed

Description

66%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 concrete, third-person description with strong stack-specific trigger vocabulary and a clear 'what', undermined by the complete absence of any 'when to use' guidance. It is highly specific about technologies and copy frameworks but would not tell Claude (or a user) when to invoke it over adjacent web-dev or SEO skills.

Suggestions

Append an explicit trigger clause, e.g. "Use when the user asks to build, redesign, or optimize a landing page, marketing page, or product page in Next.js/React, or mentions conversion copy, PAS/AIDA/BAB, or landing page SEO."

Trim mild buzzwords like "high-converting" and "optimized" in favor of one more concrete capability (e.g., the SEO meta/structured-data output or the multiple section variants).

DimensionReasoningScore

Specificity

"Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO." names the domain plus several concrete specifics (named frameworks, component types, performance standards). Not 3: it is richer than '1-2 concrete actions' thanks to the named PAS/AIDA/BAB frameworks and component list. Not 5: coverage has gaps (FAQ, testimonials, CTA, footer, design styles are never mentioned) and 'high-converting'/'optimized' are mild buzzwords.

4 / 5

Completeness

The 'what' is explicit and clear (generates landing pages on a named stack with named copy frameworks), but there is no 'Use when...' clause or any equivalent trigger guidance, so completeness is capped at 3 per the rubric guideline. Not 4: 'when' is entirely absent, not merely under-specified; not 2: the 'what' half is concrete.

3 / 5

Trigger Term Quality

Contains strong natural trigger phrases users would actually say: "landing pages", "Next.js", "React", "Tailwind CSS", "SEO", "Core Web Vitals", "copy". Not 5: common synonyms and variations are missing ("marketing page", "splash page", "product page", ".tsx"). Better than 3: full tech-stack vocabulary is present rather than just 'some relevant keywords'.

4 / 5

Distinctiveness Conflict Risk

"Next.js/React landing pages with Tailwind CSS" plus named conversion copy frameworks carve a mostly distinct niche with clear triggers. Not 5: "Focuses on Core Web Vitals/SEO" and generic Next.js/React terms create minor overlap risk with general web-development and dedicated SEO skills. Not 3: the conversion/landing-page + framework combination is far more distinctive than 'somewhat specific'.

4 / 5

Total

15

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

administrakt0r/AI-Agents-Safe-Coding-Skills

Path

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.