conversion-architecture

Frameworks and principles for designing website architecture that converts. Covers page hierarchy, user flow design, conversion goal setting, and awareness-based structure. USE THIS SKILL WHEN: - Designing site structure or information architecture - Mapping user flows to pages - Setting page-level conversion goals - Deciding what pages a site needs - Planning navigation and hierarchy - User mentions "sitemap", "site structure", "IA", "information architecture" PROVIDES: Frameworks, templates, and decision guides for conversion-focused site architecture

createdbysalt

SKILL.md

Name

conversion-architecture

Description

Playground Studios Website

React prototyping workflow for Webflow deployment

Project: playground-studios
Industry: Creative Agency
Status: In Discovery
Started: 2026-02-27

📋 Project Overview

This repository contains the React prototype environment and Webflow deployment workflow for Playground Studios's website.

Tech Stack

Prototyping: React 18 + Vite + Tailwind CSS
Animations: GSAP 3.12
Production: Webflow (CMS + Designer)
Package Manager: pnpm 9.x
AI Tools: Claude Code

Key Links

Webflow Designer: [Link to Webflow project]
Staging Site: {{STAGING_URL}}
Production Site: {{LIVE_URL}}
Design Files: [Link to Figma/design files]
Project Management: [Link to project board]

🚀 Getting Started

Prerequisites

Ensure you have these installed:

Node.js 20.x or higher
pnpm 9.x or higher

Install pnpm: