list_frameworks

List available CDN frameworks and usage patterns for building dynamic pages. Call this before generating custom HTML to know what interactivity and animation tools are available without a build step.

Annotations

Annotation	Value
readOnlyHint	true
destructiveHint	false
openWorldHint	false

Parameters

None.

Return Format

Returns a reference document covering:

• React via esm.sh — import React 18 or Preact directly in <script type="module">, no build step
• Tailwind CSS — CDN script tag, utility classes
• Alpine.js — reactive UI directives (x-data, x-show, @click, x-collapse, x-transition)
• Lenis — butter-smooth scrolling, auto-included in composed pages
• Scroll animations — built-in via data-animate attributes (zero-dependency, uses IntersectionObserver)
• On-demand libraries — canvas-confetti, Typed.js, GSAP + ScrollTrigger
• Google Fonts — font import links
• Full page shell — a complete HTML boilerplate including all of the above

Example

User prompt:

"Build me a landing page with scroll animations and a mobile menu"

What Claude does:

1. Calls list_frameworks to confirm available CDN tools.
2. Uses Alpine.js for the mobile menu toggle (x-data, x-show).
3. Uses built-in scroll animations (data-animate="fade-up").
4. Includes Tailwind for styling and Lenis for smooth scrolling.
5. Calls deploy with the resulting HTML.

Notes

• Composed pages (via compose_page) automatically include Tailwind, Alpine, Lenis, and scroll animations. This tool is mainly useful when writing custom HTML for the deploy tool.
• For React apps specifically, see the React & Frameworks guide for full examples.
• All frameworks listed load from public CDNs — no npm, no build step, no Node.js required.