Chapter 9
Resources
Curated directory of tools, documentation, templates, and communities for building websites with AI.
Agent Harnesses
OpenCode Desktop
Free desktop app for macOS, Windows, Linux. Open source, 160K+ stars, MCP support, plan mode, agent skills.
RecommendedFree
Cursor
AI-first IDE built on VS Code. Strong codebase understanding and multi-file editing.
IDEFreemium
GitHub Copilot
Microsoft’s AI pair programmer. Deep VS Code/JetBrains integration, inline completions.
ExtensionSubscription
Aider
Python terminal agent with strong git integration and edit history.
TerminalFree
CSS & UI Frameworks
Tailwind CSS v4
Utility-first CSS framework. v4 adds CSS-first config, automatic content detection, zero-config dark mode.
EssentialFree
daisyUI 5
Component library for Tailwind. 50+ components, semantic colors, 30+ themes. llms.txt for AI agents.
EssentialFree
daisyUI Theme Generator
Visual tool for creating custom daisyUI themes with OKLCH color variables.
ToolFree
Tailwind Play CDN
Use Tailwind in any HTML file via CDN. No build step. Great for quick prototypes.
ToolFree
Nocode Platforms
Deployment & Hosting
Vercel
Frontend cloud. Git-based deploys, edge functions, analytics. Free tier for personal projects.
Freemium
Netlify
Static hosting with built-in forms, split testing, deploy previews. Good for JAMstack sites.
Freemium
Cloudflare Pages
Global edge network, unlimited bandwidth, 300+ locations. Great performance.
Freemium
GitHub Pages
Free static hosting from GitHub repos. Custom domains, automatic HTTPS.
Free
Design & Typography
Google Fonts
Free, open source font library. Use distinctive pairings: Crimson Pro + JetBrains Mono, Playfair + Source Sans.
Free
OKLCH Color Picker
Visual tool for picking colors in OKLCH color space. Used by daisyUI for theme variables.
Free
Refactoring UI
Design book by Tailwind CSS creators. Tactical advice on spacing, color, typography, and layout.
Paid
Hero Patterns
Free SVG background patterns. Use for subtle texture overlays instead of flat backgrounds.
Free
Libraries & Tools
highlight.js
Syntax highlighting for code blocks. 190+ languages, 90+ styles. CDN-friendly, no build step.
Free
Mermaid.js
Text-to-diagram rendering. Flowcharts, sequence diagrams, architecture. CDN import, no build.
Free
PageFind
Static site search. Zero bandwidth after initial index. Works with any static HTML.
Free
Learning Resources
OpenCode Desktop
Complete documentation: config, providers, tools, agents, skills, MCP servers, plugins.
Docs
PageWeave Docs
Platform documentation: MCP tools, Liquid templating, design guidelines, themes.
Docs
daisyUI Docs
Component reference, theme guide, color system. Also available as llms.txt for AI agents.
Docs
Tailwind CSS Docs
Official documentation. Utility class reference, configuration, framework guides.
Docs
Community
OpenCode Discord
Community for OpenCode users. Share prompts, debug issues, discuss workflows.
OpenCode GitHub
Source code, issue tracker, discussions. 160K+ stars, Apache 2.0 license.
Report Issues
Found a bug? Report it on GitHub. The OpenCode team is active and responsive.
Built on PageWeave, built with AI
This resource guide was entirely created by an AI agent using PageWeave MCP tools. The design, content, and structure were all directed through natural language prompts.
Build Your Site with PageWeaveStart Over