Gemini CLI Builds Full Landing Page (Agent Skills Demo)
Gemini CLI just added agent skills. I tested it with the same two skills from my Claude Code and Codex videos - Anthropic's front-end design skill and a custom Nano Banana Pro image generation skill. The results from Gemini 3 preview are surprisingly good.
In this video:
- Installing Gemini CLI with preview features enabled
- Setting up agent skills (still experimental)
- Creating landing pages with AI-generated images in a single prompt
- Side-by-side comparison with Claude Code Opus output
Skills repo: https://github.com/buildatscale-tv/gemini-skills
Prompt used in this video:
Create a landing page design for a local classic car restoration company. Create in a directory that is named appropriately. Use typography and design style that works for this niche. Use icons from Font Awesome instead of using emoji. Create these sections for the site:
Header/Nav
Hero
Services/Experiences
Recent Work/Gallery
About/History
Our Process
Testimonials
Contact Info with Form
Footer
Have clear calls to action, good content for SEO, and contact information visible. Generate at least five images that make sense for this design and include images that showcase their best work.
Previous videos in this series:
Claude Code Skills video https://www.youtube.com/watch?v=MNqUedk79IY
Codex Skills video https://www.youtube.com/watch?v=JzTmK2001bo
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Related AI Lessons
⚡
⚡
⚡
⚡
Automating LinkedIn Posts from Telegram with Hexabot
Dev.to · Med Marrouchi
Comment améliorer le référencement de votre site
Medium · SEO
Can Influencer Marketing Really Drive Business Growth?
Medium · Startup
Google’s New AI Search Guide Calls AEO And GEO ‘Still SEO’ via @sejournal, @MattGSouthern
Search Engine Journal
🎓
Tutor Explanation
DeepCamp AI