PageWeave/Design

Collections / Agent Toolkit

3 Collection .md

Agent Toolkit

Skills and prompts that make any agent a better web developer

In this stack

  1. Skill Frontend Design Guides creation of distinctive, production-grade frontend interfaces that avoid generic 'AI slop' aesthetics.
  2. Skill Interface Design For interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, campaigns).
  3. Skill Theme Crafting Author complete custom daisyUI 5 themes for PageWeave — full variable sets, OKLCH color logic, dark-mode safety.
  4. Skill Component Authoring Write reusable HTML components in daisyUI semantics — self-contained, theme-aware, documented.
  5. Skill Markdown-First Site Build websites fully accessible through markdown: .md twins, llms.txt indexes, agenticweb.md, agents_md maintenance loops.
  6. Prompt Craft a Custom Theme Generates a complete custom daisyUI theme from a mood description, with contrast checks.
  7. Prompt Component Extraction Extracts repeating patterns from an existing page into documented, theme-safe components.
  8. Prompt Accessibility Audit Runs a structured WCAG audit on a page and returns prioritized, concrete fixes.
  9. Prompt Markdown Retrofit Retrofits markdown accessibility onto an existing PageWeave site: twins, llms.txt, agenticweb.md.
  10. Prompt Release Discipline The shipping ritual for PageWeave sites: dev preview, dry-run, release, attach, verify.
  11. Prompt SEO + Agent Pass One prompt covering SEO metadata, Open Graph, JSON-LD and agent discovery for a whole site.
  12. Guide daisyUI Theming Masterclass Getting the most from daisyUI 5 on PageWeave — component selection, overrides, and the utility bridge.
  13. Guide Environments & Releases The shipping model: dev previews, immutable releases, dry-runs, and rollback discipline.

Why this stack

The difference between an adequate agent-built site and an excellent one is process, not talent. These skills and prompts encode the process: intent before code, themes from OKLCH logic, audits before rewrites, releases instead of live edits.

Install the skills

Each skill page's .md URL is the skill body. Save as SKILL.md files in your agent's skills directory:

curl -o ~/.config/opencode/skills/frontend-design/SKILL.md \
  https://pageweave-design.pageweave.site/skills/frontend-design.md

Run the prompts

Prompts are copy-paste playbooks — each has bracketed slots for your context. Start with Craft a Custom Theme (fastest win), then Accessibility Audit on anything you've already built.

The compounding loop

  1. Build with the skills active.
  2. Audit with the prompts.
  3. Extract what worked into new components (Component Extraction).
  4. Contribute the best back here.

Read alongside

daisyUI Mastery and Environments & Releases are the reference guides behind the skills' rules.