CtrlK
BlogDocsLog inGet started
Tessl Logo

landing

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forcing intake (product + elevator pitch, audience register, brand overrides, tone) locks down positioning before any copy or markup is written, so the page reflects the actual product rather than generic boilerplate. Use whenever the user says 'landing for X', 'create a landing page', 'build a landing page', 'make a landing page for X', 'I need a web page for Y', or provides product/service details and wants a polished website. Also triggers on 'promotional page', 'product page', 'one-pager', 'web presence', 'sales page'. Outputs a single self-contained HTML file (Claude Code) or HTML artifact (Claude.ai). Supports configurable brand colors via CSS custom property overrides.

72

Quality

90%

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 in alirezarezvani/claude-skills

SKILL.md
Quality
Evals
Security

Quality

Content

85%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 with a well-sequenced, validated workflow and excellent reference signaling. Its main weakness is that every referenced references/*.md and scripts/*.py file is missing from the bundle, so the progressive-disclosure structure does not resolve to real content.

Suggestions

Ship the referenced bundle files (references/brand_system_design.md, references/gsap_animation_patterns.md, references/single_file_html_discipline.md and scripts/brand_palette_validator.py, scripts/kebab_slug_generator.py, scripts/html_validator.py) — currently none of them exist in the bundle.

If shipping them is not intended, remove the dangling references and inline the minimum needed guidance so the skill is self-contained rather than pointing at absent files.

Tighten the 'Why I'm asking' intake rationale blocks slightly to recover tokens without losing the forcing-question intent.

DimensionReasoningScore

Conciseness

Efficient overall — executable GSAP/CSS snippets, exact pixel sizes, CDN URLs, and tight tables assume Claude's competence; minor asides (justified 'why I'm asking' rationale blocks and a few explanatory comments) could be trimmed but largely earn their place.

4 / 5

Actionability

Copy-paste-ready, fully executable guidance: real gsap.set() timelines, mouse-parallax handlers, ScrollTrigger.batch, CSS keyframes, exact CDN script tags, breakpoint values, and validator commands with flags covering the common cases.

5 / 5

Workflow Clarity

Clear dependency-ordered sequence (Phase 0 intake -> content extraction -> generation -> validation) with an explicit validation checkpoint (scripts/html_validator.py --file) and a feedback loop (on FAIL, regenerate only failing sections in a targeted pass).

5 / 5

Progressive Disclosure

Structure and reference signaling are excellent (clearly marked one-level-deep links to references/*.md and scripts/*.py), but the referenced references/ and scripts/ bundle files do not actually exist in the skill bundle, so the navigation is broken in practice.

3 / 5

Total

17

/

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.

The description is strong across all dimensions: it states concrete capabilities, gives exhaustive natural trigger phrases, and clearly answers both what and when. The only soft spot is mild distinctiveness overlap risk within the broad landing-page skill category.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth', 'forcing intake', 'configurable brand colors via CSS custom property overrides' — giving comprehensive coverage of capabilities.

5 / 5

Completeness

Explicitly answers both 'what' (generates a premium self-contained HTML landing page with named features) and 'when' via an explicit 'Use whenever the user says...' clause with concrete trigger phrases.

5 / 5

Trigger Term Quality

Comprehensive natural triggers including synonyms and phrasings users actually say: 'landing for X', 'create a landing page', 'build a landing page', 'one-pager', 'web presence', 'sales page'.

5 / 5

Distinctiveness Conflict Risk

Clear niche (single self-contained HTML optimized for premium visual experience) with mostly distinct triggers, but some overlap risk with general landing-page generation skills; not a 5 because the landing-page space is crowded.

4 / 5

Total

19

/

20

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 6 missing

Warning

referenced_paths_exist

Referenced path issues: 18 missing

Warning

Total

14

/

16

Passed

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.