Coding
PromptBeginner5 minmarkdown
Nano Banana Pro
Agent skill for nano-banana-pro
6
Create an elegant academic website with 3 pages: index.html (hero section with university mission), team.html (faculty profiles with professional photos), contact.html (department information with contact form). Use HTML5+CSS3 with Apple-inspired design: clean typography, generous whitespace, subtle
Sign in to like and favorite skills
Create an elegant academic website with 3 pages: index.html (hero section with university mission), team.html (faculty profiles with professional photos), contact.html (department information with contact form). Use HTML5+CSS3 with Apple-inspired design: clean typography, generous whitespace, subtle shadows, smooth animations, card-based layouts, minimalist navigation with hover effects, and a refined color palette of slate blue (#1e3a8a), light gray (#f8fafc), and accent white. Implement responsive design with mobile-first approach, using CSS Grid and Flexbox for layouts, Apple-style button styling with rounded corners and backdrop filters, elegant card components with subtle borders and drop shadows, and smooth transitions for all interactive elements.
Build an elegant portfolio website with index.html (hero section with smooth parallax scrolling), projects.html (project gallery with Apple-style cards and hover animations), and contact.html (minimalist contact form with glass morphism effects). Use HTML5+CSS3 with Apple design principles: SF Pro font family, refined spacing, subtle gradients, backdrop filters, and smooth animations. Implement mobile-responsive design with CSS Grid and Flexbox for layouts.
Create a sophisticated small business website with index.html (hero with compelling call-to-action), services.html (service cards with hover effects and animations), and contact.html (elegant contact form with validation). Use HTML5+CSS3 with modern Apple-inspired design: clean typography using system fonts, sophisticated color scheme with gradients, card-based layouts with subtle shadows and borders, smooth transitions, and mobile-first responsive design with CSS Grid and Flexbox.
Create a beautiful single-page application with hero section (gradient background with elegant typography), about section (card-based content layout with smooth animations), services section (icon-based service cards with hover effects), and contact section (minimalist form with glass morphism). Use HTML5+CSS3 with Apple's design language: system-ui font stack, refined spacing, subtle shadows, smooth transitions, backdrop filters, and mobile-first responsive design using CSS Grid and Flexbox for layouts.
Design a stunning landing page with hero section (compelling headline with gradient overlay), features section (elegant feature cards with icons and descriptions), testimonials (quote cards with avatar images), and contact section (minimalist form with floating labels). Use HTML5+CSS3 with Apple-inspired aesthetics: clean typography, generous whitespace, subtle animations, card-based components, smooth hover effects, refined color palette with accent colors, and responsive design using modern CSS techniques.
PYTHONPATH=. python3 archived/demos/demo_cli_full.py --workspace demo-project