AI Web Dev Workflow & Premium Animation Tier

Implement structured 30-question client intake for AIAS to auto-generate Cursor-ready specs, and prototype GSAP scroll-animation premium tier for TFWW upsells.

Business Applications

MEDIUM Lead qualification intake (aias)

Convert the '30 questions' into AIAS webhook form that qualifies leads AND generates Cursor-ready specs document, reducing manual qualification time

MEDIUM Premium tier development (tfww)

Build one demo site with GSAP scroll animation (exploded product view) using Gemini/Kling workflow to test as premium offering for TFWW clients who want paid upgrades

LOW Website build velocity (tfww)

Test Cursor + Astro stack on next TFWW build to compare speed against current vanilla JS + Tailwind v4 workflow

Implementation Levels

Social Media Play

Repurpose Ideas

Reel: 'We built this scroll animation for a local business using AI' showing TFWW version of the exploded bike technique
Carousel: 'The 30 questions we ask every website client before we write a line of code' (adapted for TFWW intake)
LinkedIn post: How AI image generation (Kling/Gemini) is replacing expensive 3D renders for small business websites

What This Video Covers

Aran - AI automation/content creator focusing on small business AI applications. Claims recruitment background (not development), positioning as AI-enabled service provider rather than traditional developer.

Hook: $6,250 payment proof with claim of 3-hour build time by non-coder

Step 1: Send clients a 30-question PDF covering business name, brand colors, pages, integrations, and vibe before opening Cursor
Step 2: Paste answers into Cursor IDE using Astro + Tailwind + GSAP stack to generate copy, layout, pages, and responsive design in ~3 hours
Step 3: Create scroll-triggered 'exploded view' animation using Gemini for start/end frames, Kling 3.0 to interpolate middle frames, then bind to scroll with GSAP (Apple-style product page technique)
Step 4: Deploy on Netlify with one command and invoice
Key differentiator: Scroll-based frame animation makes $5K site look like $15K production
Creator background: Recruitment (not developer), emphasizing that Cursor does the building if you know what to ask

“30 questions, one paste, one site. Five grand, that's the whole process.”

“Scroll down, product comes apart. Scroll up, product reassembles. Same tech Apple uses on all their websites.”

“The copy, the pages, first draft, full site, full documents, everything ready to go.”

Key Insights

Analysis Notes

What it is: A client intake-to-delivery workflow using structured questionnaires + Cursor AI IDE + AI image generation (Gemini/Kling) for premium scroll animations. Specifically targets quick delivery of high-ticket brochure sites.

How it helps us: TFWW could adapt the 30-question intake document into our AIAS qualification flow to pre-qualify leads and auto-generate website specs. The scroll animation technique (GSAP + AI frames) could differentiate TFWW portfolio sites from basic templates and justify future paid tiers.

Limitations: TFWW currently offers free websites monetized via hosting affiliates, not upfront $5K builds. The '3 hours' claim likely excludes revision cycles and client management overhead. Also, TFWW uses vanilla JS/static HTML vs Astro framework—migration would add complexity.

Who should see this: Dylan for pricing strategy/packaging; Dev team (OpenClaw/Claude) for evaluating Astro/Cursor workflow integration with existing TFWW stack

Reality Check

⚠️ [QUESTIONABLE] "Built in 3 hours by a non-developer" — Using Cursor with Astro/GSAP effectively requires technical literacy. Audience comments requesting the PDF suggest they can't replicate without the template. '3 hours' likely excludes client revision rounds and content gathering.
Instead: Market as 'first draft in 3 hours' with clear revision process scoped separately. TFWW should test actual build time with Cursor before promising similar speed.

🤔 [PLAUSIBLE] "$6,250 / $5,000 pricing" — Foreign currency (Thai Baht) and premium animation justify high price for local business, but assumes client has budget. TFWW currently targets budget-conscious small businesses with 'free' model.
Instead: Use this as aspirational pricing for TFWW 'premium tier' while keeping free tier for lead gen. Don't abandon current model until premium offering is validated.

❌ [MISLEADING] "Same tech Apple uses" — Apple uses scroll-triggered canvas animations or video sequences, not AI-interpolated image frames. Kling-generated frames may have artifacts or loading issues on slower connections.
Instead: Describe as 'Apple-inspired scroll animation' rather than 'same tech.' Test performance on mobile before deploying to TFWW clients.

Step	Prompt	Completion	Cost
plan	7,783	4,649	$0.0137
Total			$0.0137