neus-layout-landing

Generate a TypeScript landing page shell with sticky header, main content, and footer.

Updated Jan 6, 2026
One-click install
npx skills add https://github.com/KazmerMaximiliano/neus-ui --skill neus-layout-landing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: neus-layout-landing
Source: https://github.com/KazmerMaximiliano/neus-ui/tree/main/.agents/skills/neus-layout-landing
Command: npx skills add https://github.com/KazmerMaximiliano/neus-ui --skill neus-layout-landing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires anti-slop, neus-components, typescript, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a quick way to generate the basic structure of a marketing page without a sidebar, with a sticky header, main content area, and footer.

Core Features & Use Cases

  • Marketing Page Shell: Produces a .tsx layout wrapper for landing pages and public-facing pages without the AppTemplate.
  • No Sidebar: Ideal for scenarios where a sidebar is not required.
  • Theme Customization: Allows selection of light or dark theme modes with corresponding surface styles.
  • Customizable Elements: Offers flexibility in branding, navigation, and call-to-action (CTA) buttons.

Quick Start

Use the neus-layout-landing skill to create a landing page shell with a sticky header, main content, and footer for your brand 'Neus UI'.

Frequently Asked Questions about neus-layout-landing

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

FAQPage Schema
How do I generate a marketing page layout with a sticky header and footer?

To generate a marketing page layout with a sticky header and footer, use this Skill to produce a .tsx layout wrapper for public-facing pages without a sidebar. It outputs a complete page shell with customizable branding, navigation, and call-to-action buttons.

Do I need an AppTemplate to create a landing page shell?

No, you do not need an AppTemplate to create a landing page shell. This Skill generates the basic structure for marketing pages independently, providing a main content area with a sticky header and footer without requiring the AppTemplate.

Can I customize the theme mode and branding on the web layout?

Yes, you can customize the theme mode and branding on the web layout. The Skill supports selecting light or dark theme modes with corresponding surface styles, and offers flexibility in adjusting branding, navigation, and CTA buttons.

What dependencies are required to build a TypeScript marketing page?

To build a TypeScript marketing page with this Skill, you need anti-slop, neus-components, and TypeScript installed. These dependencies are required for execution to properly render the sticky header, main content, and footer layout.

When should I use a landing page shell without a sidebar?

You should use a landing page shell without a sidebar for public-facing marketing pages where focused content is necessary. This layout is ideal for scenarios where a sidebar is not required, keeping user attention on the main content and CTA.

What is the best way to structure a public-facing web page in TypeScript?

The best way to structure a public-facing web page in TypeScript is to use a .tsx layout wrapper that segments the page into a sticky header, main content area, and footer. This approach ensures consistent branding and layout across marketing pages.