Skip to content

WynterJones/FunnelWind-Prompt

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

FunnelWind AI Prompt

A comprehensive prompt specification for AI models to generate high-converting landing pages using the FunnelWind markup language.

What is FunnelWind?

FunnelWind is a custom HTML-based markup language designed for creating landing pages that are compatible* with ClickFunnels. It provides a simple, declarative syntax for building responsive, conversion-optimized pages without writing traditional CSS or JavaScript.

  • Requires BarnumPT or tool that supports it.

Purpose

This prompt document (funnelwind-ai-prompt.md) is designed to be used as a system prompt or context for AI models (like Claude, GPT, etc.) when generating FunnelWind markup. It includes:

  • Critical constraints - Rules that must be followed to produce valid output
  • Element reference - Complete documentation for all FunnelWind components
  • Design philosophy - Guidelines for creating distinctive, high-quality designs
  • Preset values - Color schemes, shadows, typography, and spacing presets
  • Layout patterns - Best practices and examples for common layouts
  • Custom CSS - How to add advanced styling when needed

Quick Start

Include funnelwind-ai-prompt.md in your AI system prompt, then ask the AI to generate landing pages:

Create a SaaS landing page for a project management tool with:
- Hero section with headline and CTA
- Features section with 3 cards
- Pricing section
- Footer

The AI will generate valid FunnelWind markup following all constraints and best practices.

Full Documentation

For complete FunnelWind documentation including interactive examples and tutorials:

https://barnumpt.app/en/docs/funnelwind

Key Features

  • No self-closing tags - All elements use <cf-element></cf-element> syntax
  • 12-column grid system - Responsive layouts with cf-row and cf-col
  • Built-in presets - Typography, shadows, and border-radius presets
  • Google Fonts - Auto-loaded via the font attribute
  • FontAwesome icons - Full icon library support
  • Video backgrounds - YouTube video backgrounds with overlay support
  • Popup modals - Built-in popup system with form support
  • Animations - Entrance and continuous animation support

Contribute

Spot an issue? Open an issue!

About

Used to give to LLMs to generate FunnelWind markup.

Topics

Resources

Stars

Watchers

Forks