genesis-site-design

Organize a two-lane Genesis site design workflow for enterprise marketing websites.

Updated Jan 15, 2026
One-click install
npx skills add https://github.com/ashgar99/GenesisPreviewSite --skill genesis-site-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: genesis-site-design
Source: https://github.com/ashgar99/GenesisPreviewSite/tree/main/.claude
Command: npx skills add https://github.com/ashgar99/GenesisPreviewSite --skill genesis-site-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Genesis is a structured approach to building marketing websites for B2B SaaS, ensuring two distinct yet aligned narratives (platform and delivery) are planned, documented, and implemented cohesively.

Core Features & Use Cases

  • Site map and section inventory guidance to enable layout-first design.
  • Dual-identity storytelling with dedicated proof across both lanes.
  • Templates and tokens for Home, Platform, Solutions, Case Studies, Pricing, Resources, Company, Careers, and Legal.

Quick Start

Describe the two-lane Genesis narrative, then sketch the Home layout and a reusable section system blueprint.

Frequently Asked Questions about genesis-site-design

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

FAQPage Schema
How do I structure a B2B marketing site to balance platform and delivery narratives?

A B2B marketing site design system uses a section inventory to enable layout-first design. It provides reusable templates and production-ready design tokens for Home, Platform, Solutions, Case Studies, Pricing, and Legal pages.

How do I create a reusable section inventory for marketing website design?

To start Genesis site design, describe the two-lane narrative, then sketch the Home layout and a reusable section system blueprint. This establishes the foundational dual-identity storytelling and layout-first design rules.

Does this B2B site design approach include accessibility and design tokens?

Genesis site design is built specifically for B2B SaaS marketing websites requiring dual-identity storytelling. It provides section-based design systems and proof-driven content tailored for enterprise buyers across multiple page templates.

What is the best way to document information architecture for enterprise SaaS websites?

Genesis site design uses a two-lane narrative structure to separate and align platform and delivery stories. This dual-identity storytelling ensures enterprise buyers receive dedicated proof and cohesive messaging across all marketing site sections.

Can I use this section-based design system for pages beyond the homepage?

Genesis site design covers Home, Platform, Solutions, Case Studies, Pricing, Resources, Company, Careers, and Legal pages. It supplies templates and production-ready design tokens to ensure consistent dual-identity storytelling across the entire site.

Why does my enterprise marketing site need separate platform and delivery narratives?

Genesis site design requires defining the two-lane Genesis narrative and sketching a reusable section system blueprint. No external dependencies are needed, making it accessible for teams planning a B2B marketing site without additional tooling.