faion-landing-page
High-converting landing pages. Copy + design + implementation. Triggers: landing page, conversion page.
Best use case
faion-landing-page is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
High-converting landing pages. Copy + design + implementation. Triggers: landing page, conversion page.
Teams using faion-landing-page should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/faion-landing-page/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How faion-landing-page Compares
| Feature / Agent | faion-landing-page | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
High-converting landing pages. Copy + design + implementation. Triggers: landing page, conversion page.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Landing Page Skill
**Communication: User's language. Content: target audience language.**
## Agents
| Agent | Purpose |
|-------|---------|
| faion-landing-copywriter-agent | AIDA/PAS copy, headlines |
| faion-landing-designer-agent | HTML/Tailwind, mobile-first |
| faion-landing-analyzer-agent | Conversion audit, A/B tests |
## Workflow
```
Discovery → Copy (AIDA/PAS) → Design → Implementation → Analysis
```
## Copy Frameworks
**AIDA (cold traffic):** Attention → Interest → Desire → Action
**PAS (aware audience):** Problem → Agitate → Solution
## High-Converting Elements
**Above fold:** Headline, subhead, hero, CTA, trust badges
**Below fold:** Problem, solution, benefits, social proof, FAQ, final CTA
## Execution
```python
# Copywriting
Task(subagent_type="faion-landing-copywriter-agent",
prompt=f"PRODUCT: {p}, AUDIENCE: {a}, FRAMEWORK: AIDA")
# Design
Task(subagent_type="faion-landing-designer-agent",
prompt=f"COPY: {copy}, STYLE: {modern|minimal|bold}")
# Analysis
Task(subagent_type="faion-landing-analyzer-agent",
prompt=f"Analyze {url_or_code} for conversion")
```
## Conversion Checklist
- [ ] Single CTA goal
- [ ] Message match (ad → page)
- [ ] Benefits > features
- [ ] Social proof
- [ ] Mobile responsive
- [ ] Fast load (<3s)
- [ ] Contrast CTA button
## Benchmarks
- Average: 2-5%
- Good: 5-10%
- Excellent: 10%+Related Skills
faion-software-developer
Full-stack development: Python, JavaScript, Go, APIs, testing, frontend.
faion-python-skill
No description provided.
faion-python-developer
Python development: Django, FastAPI, async patterns, testing, type hints.
faion-backend-systems
Systems backends: Go, Rust, databases, caching.
faion-backend-enterprise
Enterprise backends: Java, C#, PHP, Ruby.
faion-api-skill
No description provided.
faion-api-developer
API development: REST, GraphQL, OpenAPI, versioning, auth, rate limiting.
deepagents-filesystem
Using FilesystemMiddleware with virtual filesystems, backends (State, Store, Filesystem, Composite), and context management for Deep Agents.
clawpage
Extract and structure any web page into clean JSON. Returns text, tables, prices, contacts, hours, ratings, dates, links, and images. Handles JavaScript-rendered SPAs and bot-blocked sites. Free tier: 10 extractions/day with API key. Also supports x402 micropayments and prepaid USDC.
add-protected-page
Creates a protected page with Suspense loading pattern. Use when adding new pages that require authentication, creating dashboard pages, or setting up new routes.
activate-lightning-page
Activates a newly deployed Lightning App Page so it appears in the App Launcher. Use when you've deployed a new flexipage and need to make it accessible to users.
faion-ui-designer
UI design: wireframes, prototypes, design systems, visual design.