CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

56

Quality

64%

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

63%Scale 1-5

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

This is a solid, well-structured skill that provides a clear workflow for generating landing pages with concrete design tokens, copy frameworks, and a representative code example. Its main weaknesses are that only one section (Hero) has fully executable code while others rely on prose descriptions, and the document is somewhat long for a single SKILL.md without splitting detailed references into supporting files. The SEO checklist validation step is a good inclusion but could benefit from a more explicit feedback loop.

Suggestions

Add executable TSX code examples for at least the Pricing and FAQ sections (the two most structurally complex patterns) rather than prose descriptions, to match the actionability level of the Hero example.

Split the Design Style Reference table, SEO Checklist, and Performance Targets into separate bundle files (e.g., STYLES.md, SEO_CHECKLIST.md) and reference them from the main skill to improve progressive disclosure.

Trim the 'Core Capabilities' bullet list since it duplicates the section headers below, and remove marketing-style phrases like 'Not lorem ipsum — actual copy that converts' to improve conciseness.

DimensionReasoningScore

Conciseness

The skill is reasonably efficient but includes some unnecessary explanation (e.g., 'Not lorem ipsum — actual copy that converts' is marketing fluff, the 'Core Capabilities' bullet list largely restates what the sections below cover in detail). The design style table and copy frameworks are well-condensed, but the overall document could be tightened—particularly the 'Other Section Patterns' section which gives prose descriptions that Claude could infer from the hero example pattern.

3 / 5

Actionability

The hero component is fully executable, copy-paste-ready TSX with complete Tailwind classes. The design style reference table provides concrete class sets. However, the other section patterns (Features, Pricing, FAQ, Testimonials, CTA, Footer) are described in prose rather than executable code, leaving Claude to infer the implementation. The copy frameworks provide concrete examples which helps. Minor gap: no complete page assembly example showing how sections compose together.

4 / 5

Workflow Clarity

The 7-step generation workflow is clearly sequenced and includes a validation step (step 6: SEO checklist). The SEO checklist itself has an explicit validation instruction. However, there's no feedback loop for the validation—it says 'fix any gaps inline' but doesn't describe what to do if fixes introduce new issues. The brand voice analysis step is marked 'recommended' rather than required, which is appropriate. The workflow is clear enough for a generative (non-destructive) task.

4 / 5

Progressive Disclosure

The skill references external files (brand_voice_analyzer.py, ui-design-system, competitive-teardown) but no bundle files are provided, so these references are unverifiable. The document itself is ~200 lines and inlines everything—the design style reference, all section patterns, SEO checklist, and performance targets could reasonably be split into separate reference files. The structure within the single file is decent with clear headers, but the content would benefit from splitting detailed references out.

3 / 5

Total

14

/

20

Passed

Description

66%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 technically rich and specific about capabilities, listing concrete technologies, copywriting frameworks, and component types. Its main weakness is the absence of an explicit 'Use when...' clause, which is critical for Claude to know when to select this skill. The trigger terms are good but could include more natural user language like 'marketing page' or 'sales page'.

Suggestions

Add an explicit 'Use when...' clause, e.g., 'Use when the user asks to create a landing page, marketing page, sales page, or conversion-focused website.'

Include natural synonyms and variations users might say, such as 'marketing page', 'sales page', 'homepage', 'website design', or 'conversion page'.

DimensionReasoningScore

Specificity

Lists several specific actions and technologies: generating Next.js/React landing pages, using Tailwind CSS, applying PAS/AIDA/BAB copywriting frameworks, creating specific components (Heroes, Features, Pricing), and optimizing for Core Web Vitals/SEO. Minor gaps in coverage (e.g., doesn't mention deployment, responsive design, or other component types).

4 / 5

Completeness

Has a clear 'what' (generates landing pages with specific frameworks and components) but completely lacks a 'when' clause. There is no 'Use when...' or equivalent trigger guidance, which caps this dimension at 3 per the rubric guidelines.

3 / 5

Trigger Term Quality

Good keyword coverage with natural terms like 'landing pages', 'Next.js', 'React', 'Tailwind CSS', 'Pricing', 'Heroes', 'Features', 'SEO'. Missing some natural user phrases like 'marketing page', 'sales page', 'conversion', 'homepage', or 'website'. The copywriting framework acronyms (PAS, AIDA, BAB) are somewhat niche and may not match typical user queries.

4 / 5

Distinctiveness Conflict Risk

Fairly distinct due to the specific combination of landing pages + copywriting frameworks + Next.js/React/Tailwind. Could have minor overlap with general React/Next.js skills or generic web development skills, but the landing page and marketing copy focus narrows the niche well.

4 / 5

Total

15

/

20

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-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.