chore(workflow): add AI-assisted workflow commands and configurations

Add comprehensive workflow commands for AI-assisted development:
- Claude commands: analyze, clarify, plan
- Kilocode workflows: full feature development lifecycle
- Opencode commands: specification and implementation workflows
- Roo MCP configuration for tool integration

Update .gitignore to exclude .astro build cache directories.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/frontend/README.md

@@ -1,3 +1,35 @@
 # Frontend (Astro)
 
-This package hosts the Astro application for enchun.tw. Use `pnpm dev` to run the site locally once dependencies are installed at the workspace root.
+This package hosts the Astro application for enchun.tw. This is a simple SSG website using Cloudflare Pages.
+
+## Development
+
+Choose the appropriate development command based on your needs:
+
+```bash
+# Standard Astro development (uses .env.local)
+pnpm dev
+
+# Cloudflare Pages development (uses dev.vars, simulates production environment)
+pnpm dev:pages
+```
+
+## Environment Configuration
+
+The application uses Cloudflare Pages with Wrangler for deployment and environment management.
+
+### Local Development
+- **Astro dev** (`pnpm dev`): Uses `.env.local` file (variables must be prefixed with `PUBLIC_` for client-side access)
+- **Pages dev** (`pnpm dev:pages`): Uses `dev.vars` file, simulates Cloudflare Pages environment
+- API URL: `https://enchun-admin.anlstudio.cc`
+
+### Production
+- Uses `wrangler.toml` configuration
+- API URL: `https://enchun-admin.anlstudio.cc`
+
+## Environment Variables
+
+- `PUBLIC_PAYLOAD_CMS_URL`: Base URL for the Payload CMS API (client-side accessible)
+- `PAYLOAD_CMS_API_KEY`: API key for Payload CMS authentication (set via Cloudflare dashboard)
+
+**Note**: Environment variables that need to be accessed in browser/client-side code must be prefixed with `PUBLIC_` in Astro.