I build things that don't exist yet.
AI Systems Engineer
Designer – Developer
Building a locally-sovereign AI system
on consumer hardware.
Beginner Guides: Quick Rundown, Components1, Components2, Prototyping, Animation, Comprehensive Rundown. Best Practices: Figma best practices. Reference Guide: Root Layout Structure, Header Components, Navigation Components, Main Content Components, Section Components, Footer Components, UI Components, Interactive Components, Media Components, Typography Components, Utility Components, Variant Suffixes, Responsive Variants. Types: Layout Types, Container Types, Grid Types, Flex Types, Spacing Types, Navigation Types, Menu Types, Breadcrumb Types, Header Types, Page Types, Content Types, Card Types, List Types.
Tools: CursorAI, Next.js, CursorFigmaMCP, SVG to JSX, Free Code Camp, Figma Sites. Getting Started: Discussion, Step-by-step plan, Design creation, Component breakdown, Scaffolding, Figma devmode, SVG assets. Tips: Ruleset, Jargon, Naming layers, Animation steps, Adjusting values, Patience, Free code camp.
Tools: Vercel, Next.JS, Figma Sites, Github Pages. Ready to Deploy? Vercel compatibility, Github Pages static sites.