7edf5bc4d0
Major updates: - Added 35+ new skills from awesome-opencode-skills and antigravity repos - Merged SEO skills into seo-master - Merged architecture skills into architecture - Merged security skills into security-auditor and security-coder - Merged testing skills into testing-master and testing-patterns - Merged pentesting skills into pentesting - Renamed website-creator to thai-frontend-dev - Replaced skill-creator with github version - Removed Chutes references (use MiniMax API instead) - Added install-openclaw-skills.sh for cross-platform installation - Updated .env.example with MiniMax API credentials
100 lines
2.5 KiB
Markdown
100 lines
2.5 KiB
Markdown
# Thai Frontend Dev - Website Addon
|
|
|
|
## 🚀 Quick Start
|
|
|
|
```
|
|
/use thai-frontend-dev
|
|
```
|
|
|
|
**Note:** This is an addon for `frontend-dev`. Use `frontend-dev` for general website tasks.
|
|
|
|
## 📋 What It Does
|
|
|
|
Creates **PDPA-compliant** Thai market websites as an addon to `frontend-dev`:
|
|
|
|
1. **Ask critical questions** (website type, name, branding, features)
|
|
2. **Create Astro project** (with templates)
|
|
3. **Add Thai/English bilingual support** (i18n routing)
|
|
4. **Add PDPA compliance** (cookie consent, legal pages)
|
|
5. **Setup Umami Analytics** (privacy-first, no cookies)
|
|
6. **Setup Docker** (multi-stage build, tested locally)
|
|
7. **Deploy to Easypanel** (automatic via API, auto-deploy enabled)
|
|
|
|
## 🎯 Features (Addon)
|
|
|
|
**PDPA Compliance (Thai Law):**
|
|
- ✅ Cookie consent management (opt-in model)
|
|
- ✅ Consent logging database (Astro DB)
|
|
- ✅ PDPA-compliant Privacy Policy (Section 36)
|
|
- ✅ PDPA-compliant Terms & Conditions
|
|
- ✅ Admin dashboard for consent logs
|
|
|
|
**Thai Market Features:**
|
|
- ✅ Bilingual Thai/English routing
|
|
- ✅ Thai typography support
|
|
- ✅ Thai legal templates
|
|
- ✅ Umami Analytics (no cookies required)
|
|
|
|
**Base Features (from frontend-dev):**
|
|
- ✅ Responsive design (mobile-first)
|
|
- ✅ SEO optimization
|
|
- ✅ Dark mode
|
|
- ✅ Blog with content collections
|
|
|
|
## 🔄 Ongoing Updates
|
|
|
|
After initial setup:
|
|
- Make changes to code
|
|
- Commit to Git
|
|
- Easypanel auto-deploys!
|
|
|
|
**No manual Easypanel interaction needed!**
|
|
|
|
## 📁 Output
|
|
|
|
```
|
|
website-name/
|
|
├── src/ # Astro source
|
|
├── public/ # Static assets (favicon, images)
|
|
├── Dockerfile # Deployment config
|
|
├── package.json
|
|
├── astro.config.mjs
|
|
├── DEPLOYMENT.md # How to deploy
|
|
├── CONTENT-GUIDE.md # How to add content
|
|
└── CHECKLIST.md # Update checklist
|
|
```
|
|
|
|
## 🛠️ Tech Stack
|
|
|
|
- **Astro** - Static site generator
|
|
- **Tailwind CSS** - Styling
|
|
- **Docker** - Containerization
|
|
- **Gitea** - Git (git.moreminimore.com)
|
|
- **Easypanel** - Deployment
|
|
|
|
## ⚠️ Requirements
|
|
|
|
- Easypanel API credentials (configured once)
|
|
- Gitea API credentials (configured once)
|
|
- Docker installed (for local testing)
|
|
|
|
## 📝 Example Usage
|
|
|
|
**New Thai Website:**
|
|
```
|
|
/use thai-frontend-dev
|
|
→ Creates corporate website with Thai/English
|
|
→ Adds PDPA compliance automatically
|
|
→ Deploys to Easypanel
|
|
```
|
|
|
|
**Redesign (Thai market):**
|
|
```
|
|
/use thai-frontend-dev
|
|
→ Provide original URL
|
|
→ Crawls all content, downloads images
|
|
→ Preserves URLs
|
|
→ Adds PDPA compliance
|
|
→ Deploys automatically
|
|
```
|