landing-marketing-site

Manage public marketing landing pages in Expo Router applications.

Updated May 13, 2026
One-click install
npx skills add https://github.com/dloschiavo/orca --skill landing-marketing-site
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: landing-marketing-site
Source: https://github.com/dloschiavo/orca/tree/main/recipe/landing-marketing-site
Command: npx skills add https://github.com/dloschiavo/orca --skill landing-marketing-site

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires otp-auth, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of building and maintaining marketing landing pages for Goliath-stack apps, providing a cohesive user experience and efficient development workflow.

Core Features & Use Cases

  • Auth Gate Handling: Manages public marketing routes separately from authenticated product routes.
  • Responsive Design: Implements a responsive header and footer with mobile hamburger drawers.
  • Google Fonts Integration: Automatically loads Google Fonts for a consistent design across web pages.
  • Feature Sections: Provides guidance on porting Bootstrap feature sections directly into React Native components.
  • Image Handling: Offers solutions for common issues with image rendering in React Native Web.
  • Quick Start: Implement the landing marketing site for your app by integrating the provided code and configurations into your Expo Router application.

Quick Start

To use this skill, integrate the provided _layout.jsx and other components into your app/ directory of an Expo Router app and follow the guidelines outlined in the SKILL.md file.

Frequently Asked Questions about landing-marketing-site

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I separate public marketing landing pages from authenticated routes in Expo Router?

To separate public marketing landing pages from authenticated routes in Expo Router, this Skill manages auth gate handling by configuring a dedicated layout that isolates public marketing routes from authenticated product routes.

How do I integrate Google Fonts into a React Native Web marketing site?

Integrating Google Fonts into a React Native Web marketing site requires applying specific configuration guidelines that automatically load the fonts, ensuring a consistent design across web pages.

How do I port Bootstrap feature sections into React Native components?

Porting Bootstrap feature sections into React Native components involves following provided guidelines to translate existing web layouts directly into responsive React Native component structures within your Expo Router app.

Why are images not rendering correctly in React Native Web and how do I fix it?

Images not rendering correctly in React Native Web can be resolved using provided solutions that address common image handling issues specific to the React Native Web environment.

Can I implement responsive headers and mobile hamburger drawers using Expo Router?

Yes, you can implement responsive headers and mobile hamburger drawers using Expo Router by integrating the provided component configurations into your `app/` directory.

Do I need knowledge of CSS and React Native Web to build marketing landing pages in Expo?

Yes, building marketing landing pages in Expo requires prior knowledge of Expo Router, React Native Web, and CSS to effectively implement responsive design elements and handle web-specific rendering issues.