Fix: Ensure all skills are tracked as files, not submodules
This commit is contained in:
73
skills/loki-mode/examples/static-landing-page.md
Normal file
73
skills/loki-mode/examples/static-landing-page.md
Normal file
@@ -0,0 +1,73 @@
|
||||
# PRD: Static Landing Page
|
||||
|
||||
## Overview
|
||||
A simple static landing page for a fictional SaaS product. Tests Loki Mode's frontend and marketing agent capabilities.
|
||||
|
||||
## Target Users
|
||||
Marketing teams needing a quick landing page.
|
||||
|
||||
## Page Sections
|
||||
|
||||
### Hero Section
|
||||
- Headline: "Supercharge Your Workflow"
|
||||
- Subheadline: "The all-in-one tool for modern teams"
|
||||
- Primary CTA: "Get Started Free"
|
||||
- Secondary CTA: "Watch Demo"
|
||||
- Hero image placeholder
|
||||
|
||||
### Features Section (3 features)
|
||||
1. **Fast Setup** - "Get started in minutes, not days"
|
||||
2. **Team Collaboration** - "Work together seamlessly"
|
||||
3. **Analytics** - "Track what matters"
|
||||
|
||||
### Social Proof
|
||||
- 3 testimonial cards with placeholder content
|
||||
- "Trusted by 10,000+ teams"
|
||||
|
||||
### Pricing Section
|
||||
- Free tier: $0/month
|
||||
- Pro tier: $29/month
|
||||
- Enterprise: Contact us
|
||||
|
||||
### FAQ Section
|
||||
- 4 common questions with answers
|
||||
|
||||
### Footer
|
||||
- Links: About, Blog, Careers, Contact
|
||||
- Social icons: Twitter, LinkedIn, GitHub
|
||||
- Copyright notice
|
||||
|
||||
## Tech Stack
|
||||
- HTML5
|
||||
- CSS3 (no framework, or Tailwind CSS)
|
||||
- Minimal JavaScript (for FAQ accordion)
|
||||
- No build step required
|
||||
|
||||
## Requirements
|
||||
- Responsive design (mobile + desktop)
|
||||
- Semantic HTML
|
||||
- Accessible (WCAG 2.1 AA basics)
|
||||
- Fast load time (< 2s)
|
||||
- No external dependencies (except fonts)
|
||||
|
||||
## Assets
|
||||
- Use placeholder images (placeholder.com or similar)
|
||||
- Use system fonts or Google Fonts
|
||||
- Use emoji for icons if needed
|
||||
|
||||
## Out of Scope
|
||||
- Backend/API
|
||||
- Form submission handling
|
||||
- Analytics tracking
|
||||
- A/B testing
|
||||
- Deployment
|
||||
|
||||
## Deliverables
|
||||
1. `index.html` - Main page
|
||||
2. `styles.css` - Stylesheet
|
||||
3. `script.js` - Minimal JS (optional)
|
||||
4. `README.md` - How to view locally
|
||||
|
||||
---
|
||||
|
||||
**Purpose:** Tests frontend agent, marketing agent (copy), and design patterns without backend complexity.
|
||||
Reference in New Issue
Block a user