Layr

Quick Setup Guide

Layr works with zero setup.

Start with Option 1. If your tool cannot read GitHub URLs, use Option 2.

Step 5 - Let Layr build and refine

Layr will:

• read the system kernel
• load the relevant surface playbook
• read Layr rules
• select relevant methods
• infer missing context when safe
• ask at most 3 questions only when context is truly blocking
• build, review, or improve the product surface
• score the result with evidence
• fix weak areas
• repeat until the output scores at least 85

---

Example

“Create a dashboard for a project management app”

→ Layr selects the relevant modules and improves the output against production rules.

---

Option 1 - Paste the repo URL

Use this when your tool can read GitHub URLs.

Copy this prompt, paste it into your tool, then replace the task line with your own request:

Use https://github.com/layr-hq/layr as the production system for AI-built apps.

Read SYSTEM.md first, then RUN.md, then follow them.

Scope: Auto
Depth: Standard

Task:
Improve the pricing page so users can choose a plan faster.

Option 2 - Add Layr to your project

Use this when your tool works best with local files or cannot reliably read GitHub URLs.

1. Download or clone this repo into your project root as layr.
2. Copy this prompt and paste it into your tool.
3. Replace the task line with your own request.

Use ./layr/RUN.md for this task.
Read ./layr/SYSTEM.md first, then ./layr/RUN.md, then follow them.

Scope: Auto
Depth: Standard

Task:
Improve the pricing page so users can choose a plan faster.

Option 3 - Add optional product context

This is optional. Use it when you want stronger product and brand fit.

1. Copy this file:

layr/layr.config.example.md

1. Rename the copy to:

layr/layr.config.md

1. Fill only what you know. Leave the rest blank.

Do not edit modules/, methods/, or RUN.md.

Option 4 - Add optional screen context

This is optional. Use it for important screens where precision matters.

1. Copy the screen template:

layr/screens/screen-template.md

1. Rename the copy to match the screen:

layr/screens/pricing.md
layr/screens/onboarding.md
layr/screens/dashboard.md

1. Fill only the fields that materially affect the result.

---

Module system

Layr started with UX and Design because that is where AI-built products usually break first: unclear flows, weak hierarchy, messy screens, and interfaces that work but do not feel production-ready.

Layr now works as a broader production layer for AI-built software.

Active modules cover UX, Design, Accessibility, Security, Performance, Analytics, QA, AI Product, CRO, SEO, Marketing, and Copywriting.

AI Search is supported through the SEO module when the task involves AI answers, retrieval visibility, GEO, ChatGPT search, Copilot visibility, or answer-engine discoverability.

The system is designed so new modules can be added without making Layr harder to use.

The prompt stays simple:

Use Layr for this task.

Scope: Auto
Depth: Standard

Layr chooses the relevant active modules automatically, so you don't have to understand the whole system.

See ROADMAP.md for the planned module direction.

---

Before vs After

Turn typical AI output into a clearer, more usable, more production-ready interface.

<p align="center"> <img src="./examples/Example-1.png" width="1000"/> </p>