# lancesmith.cc — full content dump
# Source: https://www.lancesmith.cc
# Last updated: 2026-07-09T01:58:19.107Z
# Format: llmstxt.org (full). Plain text. Auto-extracted from React components.
# Re-generated on every `npm run build`. Edit a page in src/pages/*.tsx, push,
# and the next deploy updates this file automatically.

#
# AI TUTORING & COACHING
#

========================================================================
TITLE: Book a 1-on-1 AI Tutoring Session | Claude Code & ChatGPT Coaching
URL:   https://www.lancesmith.cc/sessions
========================================================================

const SESSION_PAYMENT_URL = ' const perks = [ 'Work through your own projects, live', 'Setup help — Claude Code, agents, your stack', 'Bring your questions; leave with a plan', ]; const Sessions: React.FC = () => = useUser(); const payUrl = user?.id ? `$ ?client_reference_id=$ ` : SESSION_PAYMENT_URL; return ( Co-Creators 1-on-1 session Need hands-on help? A live one-on-one to work through your real projects and setup. Secure your session below, then pick a time. > ))} 1-on-1 session $144 / session Pay & book your session You’ll pick your time right after payment. Already paid? Just grab a time → ); }; export default Sessions;

========================================================================
TITLE: Claude Code Coaching | 1-on-1 Screen-Share Tutoring
URL:   https://www.lancesmith.cc/claude-code-coaching
========================================================================

const outcomes = [ 'Claude Code installed and running on your machine', 'MCP servers configured for your workflow', 'Your first reusable skill built from scratch', 'Understand prompting, patching, and reviewing with Claude', 'Custom CLAUDE.md that shapes Claude to your project', ]; const forWho = [ , , , ]; const ClaudeCoaching: React.FC = () => ( Gallery Claude Code Coaching Get fluent in Claude Code — fast. Private 1-on-1 screen-share sessions. We set up your environment together, build real skills in your actual workflow, and you leave every session with tools you own and can keep building on. What you'll walk away with > ))} Who it's for ) => ( ))} Ready to start? Book a Claude Code session Priced in CAD · Booked via Google Calendar · Beginner-friendly Book a Session Already know what you want? View session options → ); export default ClaudeCoaching;

========================================================================
TITLE: Codex Coaching | 1-on-1 OpenAI Codex & AI Coding Tutoring
URL:   https://www.lancesmith.cc/codex-coaching
========================================================================

const outcomes = [ 'OpenAI Codex and CLI tools configured for your stack', 'Write, test, and iterate on code with AI assistance', 'Use Codex inside your real projects — not toy examples', 'Understand how Codex and Claude Code complement each other', 'Build automated coding workflows you can run repeatedly', ]; const forWho = [ , , , ]; const CodexCoaching: React.FC = () => ( Gallery Codex Coaching Code faster with AI — actually get it working. OpenAI Codex is powerful — but knowing how to steer it is the skill. We work through your real projects together on a live screen share so you leave with working code and the habits to keep shipping. What you'll walk away with > ))} Who it's for ) => ( ))} Ready to start? Book a Codex session Priced in CAD · Booked via Google Calendar · All skill levels Book a Session Already know what you want? View session options → ); export default CodexCoaching;

========================================================================
TITLE: Coding for Non-Coders | AI Prototyping with Claude, Codex & VS Code
URL:   https://www.lancesmith.cc/coding-for-non-coders
========================================================================

const outcomes = [ 'Set up VS Code with Claude Code or Codex as your practical build partner', 'Turn plain-language ideas into working prototypes you can click through', 'Model your own data with tables, JSON, spreadsheets, and simple schemas', 'Create custom apps, dashboards, calculators, forms, and workflow tools', 'Learn the review habits that keep AI-built projects understandable and editable', ]; const buildExamples = [ , , , ]; const sessions = [ 'Install VS Code, Claude Code, Codex, Git, and the basics without drowning in jargon.', 'Pick a real workflow from your life or business and break it into buildable pieces.', 'Use AI to write code while you learn what files, components, data, and tests are doing.', 'Practice asking for changes, checking results, fixing errors, and deciding when something is good enough.', ]; const CodingForNonCoders: React.FC = () => ( Gallery Coding for Non-Coders Build useful software before you feel like a programmer. You do not need a computer science background to start making things. In this specialization we use Claude Code or Codex inside VS Code to build prototypes, model data, and create small apps or tools tailored to the way you already work. Start building View sessions Plain language in Prototype, data model, or custom tool out. ) => ( ))} What you'll walk away with > ))} Good fit if You have a workflow, idea, spreadsheet, content process, or repeated task that deserves its own little tool. You are curious, non-technical, and willing to learn by building on a live screen share with your own machine. You want capability, not magic. We move slowly enough that the work becomes yours. How sessions unfold > 0 ))} Bring one workflow Leave with a working thing and a clearer map of how it was made. We can start with a napkin sketch, a spreadsheet, a notes document, or a half-formed idea. The point is to build something useful enough that coding stops feeling like a locked door. Book a session ); export default CodingForNonCoders;

========================================================================
TITLE: Hermes Agent Coaching | Agentic AI Systems & Multi-Agent Workflows
URL:   https://www.lancesmith.cc/hermes-agent
========================================================================

const outcomes = [ 'Understand how the Hermes agent framework is structured', 'Build your first multi-agent pipeline from scratch', 'Wire up MCP servers, memory, and reusable skills', 'Design agents that run autonomously on real tasks', 'Move from prompt-response to fully agentic AI systems', ]; const forWho = [ , , , ]; const HermesAgent: React.FC = () => ( Gallery Hermes Agent Coaching Build agents that think, act, and remember. The Hermes agent is a production-grade framework for multi-agent AI systems. In these sessions we go beyond prompting — into designing agents that orchestrate real work autonomously, with memory, tools, and reusable skills wired together. What you'll walk away with > ))} Who it's for ) => ( ))} What is the Hermes agent? Hermes is an advanced agentic system built on top of Claude Code — combining memory, persistent skills, multi-agent orchestration, and MCP tool use into a framework that handles complex, multi-step tasks autonomously. Think of it as Claude Code with a nervous system. Ready to go deep? Book a Hermes agent session Priced in CAD · Booked via Google Calendar · Advanced track Book a Session New to agentic AI? Start with Claude Code first → ); export default HermesAgent;

========================================================================
TITLE: Design & Brand Specialization | AI-Powered Brand Systems Coaching
URL:   https://www.lancesmith.cc/design-brand
========================================================================

const outcomes = [ 'Encode your brand into machine-readable standards AI can follow', 'Build custom Claude skills that design in your voice, every time', 'Create JSON design tokens: color, type, spacing, components', 'Write voice & tone rules so AI copy stays on-brand', 'Move from one artifact at a time to a system that scales', ]; const forWho = [ , , , ]; const modules = [ , , , ]; const DesignBrand: React.FC = () => ( Gallery Design & Brand · Advanced Specialization Your taste becomes a system. Design engineers and creative technologists are the new graphic designers. In these sessions we encode your brand into machine-readable standards and custom Claude skills — so AI designs in your voice, at scale, without you re-deciding everything every time. What you'll walk away with > ))} What we cover ) => ( ))} Who it's for ) => ( ))} Advanced track — works best if you're already comfortable with Claude Code. New to Claude? Start with Claude Code coaching first → Ready to build your brand system? Book a Design & Brand session Priced in CAD · Booked via Google Calendar · Advanced track Book a Session ); export default DesignBrand;

#
# GALLERIES, LABS & STORIES
#

========================================================================
TITLE: AI Projects Gallery | Labs, Stories & AI-Assisted Music
URL:   https://www.lancesmith.cc/gallery
========================================================================

function GalleryAction( : ) : $ `); }} > ); } return ( ); } function GalleryCard( : ) distance= delay= bare > ); } export default function Gallery() ); }, []); return ( Project gallery Labs, stories, music, and systems that teach the work. These are not portfolio filler. Each project came from learning a tool deeply enough to make something real, then turning that process into a teachable workflow. > item= index= /> ))} ))} Want to build like this? Bring a project, a workflow problem, or an AI setup you want to understand. We will work through it live. Book a session ); }

========================================================================
TITLE: Interactive Dodecahedron | Labs
URL:   https://www.lancesmith.cc/labs/dodecahedron
========================================================================

export const LabsDodecahedron: React.FC = () => ); renderer.setSize(containerRef.current.clientWidth, containerRef.current.clientHeight); containerRef.current.appendChild(renderer.domElement); const theme = document.documentElement.classList.contains('dark') ? 'dark' : 'light'; const lineColor = theme === 'dark' ? 0xffffff : 0x444444; const vertexColor = theme === 'dark' ? 0x88ccff : 0x4488cc; const dodecahedronGeometry = new THREE.DodecahedronGeometry(2, 0); const dodecahedronEdges = new THREE.EdgesGeometry(dodecahedronGeometry); const dodecahedronMaterial = new THREE.LineBasicMaterial( ); const dodecahedron = new THREE.LineSegments(dodecahedronEdges, dodecahedronMaterial); scene.add(dodecahedron); const vertexGeometry = new THREE.SphereGeometry(0.1, 16, 16); const vertexMaterial = new THREE.MeshBasicMaterial( ); const positions = dodecahedronGeometry.attributes.position; const uniqueVertices = new Set (); const vertices: THREE.Mesh [] = []; for (let i = 0; i < positions.count; i++) ,$ ,$ `; if (!uniqueVertices.has(key)) } const ambientLight = new THREE.AmbientLight(0xffffff, 0.5); scene.add(ambientLight); const pointLight = new THREE.PointLight(0xffffff, 1); pointLight.position.set(10, 10, 10); scene.add(pointLight); const handleResize = () => ; window.addEventListener('resize', handleResize); const handleThemeChange = (event: CustomEvent) => vertices.forEach(vertex => }); }; window.addEventListener('themechange', handleThemeChange as EventListener); let animationId: number; const animate = () => ); renderer.render(scene, camera); }; animate(); let isDragging = false; let previousMousePosition = ; const handleMouseDown = (e: MouseEvent) => ; }; const handleMouseMove = (e: MouseEvent) => ; dodecahedron.rotation.y += deltaMove.x * 0.005; dodecahedron.rotation.x += deltaMove.y * 0.005; previousMousePosition = ; }; const handleMouseUp = () => ; containerRef.current.addEventListener('mousedown', handleMouseDown); window.addEventListener('mousemove', handleMouseMove); window.addEventListener('mouseup', handleMouseUp); return () => } dodecahedronGeometry.dispose(); dodecahedronEdges.dispose(); dodecahedronMaterial.dispose(); vertexGeometry.dispose(); vertexMaterial.dispose(); }; }, []); return ( Interactive Dodecahedron Drag to rotate. Watch as the vertices pulse with life. About This Demo The dodecahedron is one of the five Platonic solids, consisting of 12 regular pentagonal faces. This interactive 3D visualization demonstrates the geometric beauty of this shape, allowing you to rotate and observe it from different angles. The vertices of the dodecahedron pulsate independently, creating a living, breathing effect that highlights the vertices and their spatial relationships. Dual Polyhedra Animation An animated representation of the duality between the dodecahedron and icosahedron. Platonic Solid Duality This animation showcases the mathematical concept of duality between two Platonic solids: the dodecahedron and the icosahedron. In geometric terms, these shapes are dual to each other - the vertices of one correspond to the faces of the other. The animation smoothly transitions between these dual forms, while the background features the Flower of Life pattern, a sacred geometry figure that underlies many platonic solids. Return to Gallery ); };

========================================================================
TITLE: Brainwave Visualizer | Labs
URL:   https://www.lancesmith.cc/labs/brainwaves
========================================================================

export const BrainWaves: React.FC = () => > Neural Network Visualizer Explore brainwave states with interactive binaural beats and synchronized visual effects About Brainwave States The human brain produces electrical activity at different frequencies, each associated with distinct mental states. Binaural beats can help induce these states by playing slightly different frequencies in each ear. The visual display includes a subtle strobe effect that pulses at the same frequency as the selected brainwave state. Delta (0.5-4 Hz): Deep sleep, healing, and unconscious mind activities. Often associated with deep meditation and restorative sleep. Theta (4-8 Hz): Light sleep, meditation, and access to the subconscious. This state enhances creativity, intuition, and memory. Alpha (8-12 Hz): Relaxed alertness, calmness, and positive thinking. Helps with stress reduction and entering a "flow state." Beta (12-30 Hz): Normal waking consciousness, active thinking, and focus. Dominant during analytical problem-solving and active conversation. Gamma (30-100 Hz): Higher mental activity, peak concentration, and cognitive enhancement. Associated with simultaneous processing of information from different brain areas. Return to Gallery ); };

#
# MEMBERS (CO-CREATORS)
#

========================================================================
TITLE: Open the tutorial path
URL:   https://www.lancesmith.cc/cocreators
========================================================================

const perks = [ , , , , ]; const ImageCard: React.FC< > = ( ) => ( Open ); const MembersHub: React.FC = () => = useUser(); const hasPaidAccess = user?.publicMetadata?.subscriptionStatus === 'active'; return ( Member access Your resources Everything in one place — the full learning path and the skill library for your agents. eyebrow="Unlocked · Session members" title="Session resources" body="Advanced skills + a reusable prompt library, just for session members." /> )} ); }; const Pitch: React.FC< > = ( ) => ( Co-Creators · Free to join Build the new way of working Create a free account to unlock the full interactive tutorial path and a growing library of skills for Claude, Codex, and other agentic systems. Want hands-on help? Book a 1-on-1 session any time. initial= } animate= } transition= } > ))} /> Loading sign-in… ) : ( Join free Sign in )} ); const CoCreators: React.FC = () => ( ); export default CoCreators;

========================================================================
TITLE: AI Skills Library | Claude Code Skills, ChatGPT Prompts & Agentic Tools
URL:   https://www.lancesmith.cc/cocreators/skills
========================================================================

const Chip: React.FC< > = ( ) => ( ); const Library_: React.FC = () => /> Co-Creators Skill library Skills you can drop into Claude, Codex, or other agents. Download as a SKILL.md (or a zip when scripts are bundled). New ones added over time. All active= > ))} active= subtle> ))} initial= } animate= } transition= } > )} > ))} > ))} /> : } )} ))} ); }; const SkillsLibrary: React.FC = () => ( Sign in to view The skill library is free for signed-in members. Sign in ); export default SkillsLibrary;

========================================================================
TITLE: Session Resources — Advanced Library | Lance Smith
URL:   https://www.lancesmith.cc/cocreators/resources
========================================================================

const SESSION_PAYMENT_URL = ' const ResourceLibrary: React.FC = () => catch }; return ( Co-Creators Session resources Advanced library Higher-leverage skills and a reusable prompt library — yours as a session member. More bonus material lands here over time. Advanced skills Prompt library >All active= > ))} initial= } animate= } transition= } > )} > ))} > ))} /> : } )} ))} </> ) : ( <> All active= > ))} initial= } animate= } transition= } > /> Copied</> : <> Copy</>} ))} </> )} ); }; const Chip: React.FC< > = ( ) => ( ); const Locked: React.FC = () => = useUser(); const payUrl = user?.id ? `$ ?client_reference_id=$ ` : SESSION_PAYMENT_URL; return ( Session members only This advanced skill + prompt library unlocks when you book a 1-on-1 session. Book a session — $144 Back to Co-Creators ); }; const Gate: React.FC = () => = useUser(); const hasPaidAccess = user?.publicMetadata?.subscriptionStatus === 'active'; return hasPaidAccess ? : ; }; const Resources: React.FC = () => ( Sign in to view These resources are for signed-in session members. Sign in ); export default Resources;

#
# UTILITY
#

========================================================================
TITLE: Nano Banana | Lance Smith
URL:   https://www.lancesmith.cc/nano-banana
========================================================================

const DEFAULT_GENERATED_IMAGE_MIME_TYPE = 'image/png'; const createFileAndPreviewFromBase64 = ( base64: string, mimeType: string, filename: string ): => const blob = new Blob([bytes], ); const file = new File([blob], filename, ); const preview = URL.createObjectURL(blob); return ; }; const NanoBanana: React.FC = () => = useUser(); const = useAuth(); const fileInputRef = useRef (null); const promptInputRef = useRef (null); const [prompt, setPrompt] = useState(''); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState (null); const [generated, setGenerated] = useState ([]); const [isRefreshing, setIsRefreshing] = useState(false); const [uploadedImages, setUploadedImages] = useState ([]); const [outputMode, setOutputMode] = useState<'image' | 'text'>('image'); const [isVerifyingCheckout, setIsVerifyingCheckout] = useState(false); const [iterationTarget, setIterationTarget] = useState (null); const hasActiveSubscription = user?.publicMetadata?.subscriptionStatus === 'active'; const paymentLink = import.meta.env.VITE_STRIPE_PAYMENT_LINK as string | undefined; const handleRefreshSubscription = async () => const email = user.primaryEmailAddress?.emailAddress; if (email) ` }, body: JSON.stringify( ) }); if (response.ok) else )); console.log('Link subscription response:', errorData); } } catch (linkError) } } } catch (error) finally }; const handleFileSelect = async (e: React.ChangeEvent ) => ; reader.readAsDataURL(file); }); newImages.push( ); } setUploadedImages(prev => [ prev, newImages]); setOutputMode('image'); if (fileInputRef.current) }; const handleRemoveImage = (id: string) => } return prev.filter(i => i.id !== id); }); if (shouldClearIteration) }; useEffect(() => try const response = await fetch('/.netlify/functions/verify-checkout-session', ` }, body: JSON.stringify( ) }); if (!response.ok) )); throw new Error(errorData.error || 'Failed to verify subscription'); } await user.reload(); console.log('Subscription verified after checkout'); } catch (error) finally $ ` : ''}$ `; window.history.replaceState( , document.title, newUrl || url.pathname); } }; void verifyCheckoutIfNeeded(); }, [user, getToken]); const handleGenerate = async () => const images = uploadedImages.map(img => ( )); const response = await nanoBananaGenerate( prompt, sessionToken, images, outputMode ); const newItem: GeneratedItem = ; setGenerated(prev => [newItem, prev]); setPrompt(''); uploadedImages.forEach(img => URL.revokeObjectURL(img.preview)); setUploadedImages([]); setIterationTarget(null); } catch (err) finally }; const handleKeyPress = (e: React.KeyboardEvent ) => }; const clearIterationImages = (targetId: string) => else }); return remaining; }); }; const handleClearIteration = () => ; const handleIterate = (item: GeneratedItem) => try = createFileAndPreviewFromBase64( item.imageData, mimeType, `nano-banana-iteration-$ .png` ); setUploadedImages((prev) => else }); return [ preserved, -$ `, file, preview, base64: item.imageData, mimeType, source: 'generated', originalGenerationId: item.id } ]; }); setPrompt(item.prompt); setOutputMode('image'); setError(null); setIterationTarget(item); if (typeof window !== 'undefined') ); if (promptInputRef.current) }, 0); } } catch (error) }; const handleSubscribe = () => } window.location.href = url.toString(); } catch (error) } }; return ( Nano Banana AI-powered text and image generation Sign In Sign in to access Nano Banana Create an account to start generating AI content Sign In Create Account )} If you've already subscribed, click "Already Subscribed?" to sync your account. Make sure you're signed in with the same email you used for payment. ) : ( . Update the prompt and hit Generate to refine. Clear )} > ))} )} )} Output: Image Text > > Iterate )} Your prompt: /> )} ))} )} )} ); }; export default NanoBanana;

========================================================================
TITLE: Book an AI Tutor | Claude Code & ChatGPT Coaching Sessions
URL:   https://www.lancesmith.cc/connect
========================================================================

const NetlifyFormHtml = () => ( ); export const Connect: React.FC = () => ); const handleChange = (e: React.ChangeEvent ) => = e.target; setFormData(prev => ( )); }; const handleSubmit = async (e: React.FormEvent) => ; try , body: new URLSearchParams(netlifyData as any).toString(), }); if (textMe) , body: JSON.stringify(contactData), }); if (!smsRes.ok) )); console.error("SMS notification failed:", smsRes.status, errData); } } catch (err) } setIsSubmitted(true); setFormData( ); } catch (error) }; return ( One-on-one sessions Let’s level up together Tell me where you are in your AI journey and what you want to build. Wherever that is, we’ll meet you there on a cocreative screen-share session and work through it side by side — Claude Code, skills, agentic workflows, or systems like the Hermes agent. You keep your hands on your own setup, and leave with skills you can keep building on. Sessions are cocreative and live over video and screen share — we learn together using your actual project and your own setup. For now, booking is handled by message. Share a few windows that work and I’ll coordinate directly. Leave the text option enabled if you want me to see the request sooner. required placeholder="Your name" /> Email Phone for text follow-up What do you want help with? Text Lance so he sees this sooner Request a Session )} ); };

========================================================================
TITLE: Manage or Cancel Subscription
URL:   https://www.lancesmith.cc/unsubscribe
========================================================================

const Unsubscribe: React.FC = () => = useAuth(); const = useUser(); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState (null); const subscriptionStatus = (user?.publicMetadata?.subscriptionStatus as string) || 'unknown'; const billingEmail = user?.primaryEmailAddress?.emailAddress || user?.emailAddresses?.[0]?.emailAddress || ''; const handleOpenPortal = async () => ` } }); const data = await response.json(); if (!response.ok || !data.url) window.location.href = data.url; } catch (err) finally }; return ( Manage or cancel your Lokigo subscription We’ll open the secure Stripe portal tied to your signed-in account so you can cancel or update billing. Signed in as Status: Clicking the button below will authenticate with Clerk and launch your Stripe customer portal. From there you can cancel, update payment methods, or download invoices. )} Note: We process cancellations via Stripe. No refunds are offered. You’re responsible for canceling before the next billing period. Sign in to manage your subscription We connect your Stripe billing to your signed-in account. Sign in to open your customer portal. Sign In ); }; export default Unsubscribe;

========================================================================
TITLE: Tutorial — Learning to Work With AI | Lance Smith
URL:   https://www.lancesmith.cc/tutorial
========================================================================

}; const Tutorial: React.FC = () => ); const [graphView, setGraphView] = useState(false); const tierMap = useMemo(() => ; tutorialTiers.forEach((t) => (m[t.id] = t)); return m; }, []); const activeTier = view.tierId ? tierMap[view.tierId] : undefined; const activeLesson: Lesson | undefined = useMemo(() => return undefined; }, [activeTier, view.lessonId]); const answer = (opt: QuizOption) => else }; const quizBack = () => ; const restart = () => ); }; const enterExplore = (tierId?: TierId) => : ); setPhase('explore'); }; return ( > Find my starting point Browse everything initial= } animate= } transition= } > ))} )} > Back Question of )} initial= } animate= } transition= } > ))} )} > Your starting point Level · Start here See all levels Retake )} > Back to start List Visual map onSelectTier= )} /> > ))} ) : ( <> Choose your level Take the ladder one tier at a time — or jump into a specialization. )} ` }`} initial= } animate= } transition= } > >Recommended for you } ); })} /> Specializations Pick these up any time — they apply across the whole path. )} $ p-6 text-left backdrop-blur transition hover:scale-[1.01]`} initial= } animate= } transition= } > ); })} </> )} </> )} )} > All levels /> : activeTier.level} You’ll be able to: Mindset: > )} > ))} ))} )} > block= />) ) : ( )} )} ); }; const LessonNav: React.FC< > = ( ) => /> Previous ) : } ) : ( Finished the tier Book a session )} ); }; export default Tutorial;

========================================================================
TITLE: AI Learning Mindset | Staying Balanced While Levelling Up
URL:   https://www.lancesmith.cc/wellness
========================================================================

const mindsetCards = [ , , , , ]; const balanceTips = [ , , , , ]; const Wellness: React.FC = () => ( Co-Creators The real skill Your mindset matters most As we all know, this field is growing and changing fast — there’s always more to learn. The most important “skill” isn’t a tool or a prompt. It’s curiosity, adaptability, and perseverance. Changing how you think is the real shift. Keep a beginner’s mind; lifelong learning is the whole game. initial= } whileInView= } viewport= } transition= } > ))} Stay whole Avoid burnout — protect the human You won’t be augmented if your life is out of balance. The tools amplify a rested, present you — not a depleted one. Tend to yourself first. initial= } whileInView= } viewport= } transition= } > ))} You will not be augmented if your life is out of balance. ); export default Wellness;

========================================================================
TITLE: Book Your AI Tutoring Session | Pick a Time
URL:   https://www.lancesmith.cc/book
========================================================================

const EMBED_URL = ' const BOOKING_URL = ' const Book: React.FC = () => ( Your session Pick your time Thanks for booking. Choose a slot below and you’ll get a calendar invite with the meeting link. Calendar not loading? Open the booking page ); export default Book;