🧭
FrontendTypeScript

Convert Above-Fold

by FerroxLabs

Convert Above-Fold is a Frontend skill for Claude Code, published by FerroxLabs in wayland.

596 stars113 forkson FerroxLabs/waylandAdded 2026/09/03Repository updated 2026/09/03
acpagent-orchestrationai-agentclaude-codedesktop-appelectronllmlocal-firstmcprust
Install in seconds
Install Convert Above-Fold
Copy Convert Above-Fold into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/FerroxLabs/wayland/tree/main/resources/bundled-extensions/business-conversion/skills/convert-above-fold ~/.claude/skills/convert-above-fold

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/FerroxLabs/wayland.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
resources/bundled-extensions/business-conversion/skills/convert-above-fold/SKILL.md in FerroxLabs/wayland
Installs to
~/.claude/skills/convert-above-fold
Collection
One of 25 skills cataloged from this repository
Category
Frontend621 skills

What Convert Above-Fold does

Convert Above-Fold engineers the first viewport of a direct-response page so visitors can answer what it is, who it is for, and what to do next in five seconds. It outputs a wireframe spec plus paste-ready HTML/CSS for the hero section.

Convert Above-Fold is cataloged under Frontend on DirSkills. Convert Above-Fold comes from a repository tagged acp, agent-orchestration, ai-agent, claude-code and desktop-app.

Documentation

README

Convert Above-Fold - Hero Hierarchy Engineered for the Four-Layer Open

"Your opening has one job: make them keep reading." - The Donahoe Method, Framework 1

The first viewport is where the Method either lands or dies. This skill engineers the above-fold zone so the visual hierarchy carries Layer 1 (Nerve Strike) of the Four-Layer Open and points the reader straight into Layer 2 (Side Door). Every pixel above the fold is in service of "make them keep reading."

When to Use

Trigger phrases: "above the fold", "above-fold hero", "hero section design", "first viewport", "5 second test", "donahoe above fold", "what who next", /convert above-fold <product>.

This is the opening of the README. Read the full README on GitHub.

Commands Convert Above-Fold provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

  • /convert
  • /market

Frequently asked about Convert Above-Fold

  • What else does FerroxLabs publish alongside Convert Above-Fold?

    Convert Above-Fold is one of 25 skills that DirSkills catalogs from FerroxLabs/wayland, the repository it ships in. Its siblings there include Architecture, Bridge Page and Bullshit Filter. Each one is a separate skill with its own page in this directory, installs the same way Convert Above-Fold does, and is maintained by FerroxLabs in that same repository. The rest of the collection is listed on the FerroxLabs/wayland page.

  • How does Convert Above-Fold compare to other Frontend skills?

    Convert Above-Fold ranks #480 by stars among the 621 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Convert Above-Fold against them. Open each page to compare what they document and how they install.

More from FerroxLabs/wayland

Convert Above-Fold is one of 25 skills cataloged on DirSkills from FerroxLabs/wayland.

See all 25 skills
🏗️
7h ago

Architecture

Architecture defines where new code belongs in this Electron multi-process project and the naming rules to follow. Use it when creating files, splitting components, or reviewing structure and process boundaries.
Frontend
596113
📰
7h ago

Bridge Page

Bridge Page writes advertorial, pre-sell, or listicle pages that warm cold traffic before sending it to a squeeze or sales page. Use it when paid traffic needs a content-style decompression page with a soft pivot to the next step.
Writing
596113
🗣️
7h ago

Bullshit Filter

Bullshit Filter coaches a draft toward voice integrity by quoting the 3 weakest lines, rewriting each three ways, and diagnosing the main voice failure pattern. Use it for a final pass on sales pages, VSLs, emails, ads, or headlines before shipping.
Writing
596113
🧾
7h ago

Checkout Page

Checkout Page writes checkout micro-copy and trust signals for a conversion-focused payment page. Use it when you need order summary copy, button labels, guarantee restatement, and a paste-ready HTML/CSS scaffold.
Writing
596113
🛒
7h ago

Commerce UGC Prompts

Commerce UGC Prompts generates timed review, photo, and video request copy based on product type and platform rules. Use it after delivery when you need compliant UGC prompts for reviews or customer photos.
Automation
596113
📝
7h ago

Content About Page

Content About Page builds a long-form About page that opens with the reader’s problem, tells a discovery story, and closes with a clear next step. Use it when an About page needs to build trust and convert visitors into subscribers or buyers.
Writing
596113