Presets

Landing

landing
npx @loomcraft/cli init landing
General

Name

Landing

Description

Marketing landing page with SEO, conversion optimization, and perfect Lighthouse scores.

Agents
orchestratorbrainstormerplannerfrontendux-uimarketingperformancereview-qa
Skills
brainstormingtask-planningcode-reviewproject-bootstrapnextjs-conventionstailwind-patternsshadcn-uihero-copywritingseo-optimizationui-ux-guidelines
Constitution

Principles

  • Conversion-first — every section must guide visitors toward a clear CTA
  • Performance is UX — aim for perfect Lighthouse scores
  • Mobile-first responsive — design for small screens, enhance for large
  • Accessible by default — semantic HTML, ARIA, keyboard navigation

Conventions

  • Use Server Components and static generation for maximum performance
  • Optimize all images with next/image and proper srcset
  • Implement structured data (JSON-LD) for SEO
  • Use CSS animations and transitions over JS-based animation libraries
  • Ensure all interactive elements have visible focus states
Context

Project Description

This is a landing page / marketing site. The orchestrator coordinates brainstorming for messaging, planning content structure, frontend development, and performance audits to deliver a fast, conversion-optimized page.