aigfp

Inspiration

Small and mid-sized business owners in Korea are forced to navigate every financial decision alone — from corporate tax strategy and risk management to business succession — while access to professional consulting remains expensive and out of reach. We asked ourselves: "What if every CEO could have an enterprise-grade financial advisor powered by AI?" That question became AIGFP.

What it does

AIGFP (AI General Financial Planner) is a specialized AI consulting platform for corporate finance.

Corporate Risk Analysis — Quantifies economic losses from workplace accidents, key-person risk, and optimizes group insurance portfolios CEO Consulting — Designs tax-efficient salary, dividend, and retirement pay structures; builds legal strategies for extracting retained corporate earnings Business Succession Planning — Unlisted stock transfer strategies, inheritance tax mitigation, and management rights defense roadmaps 18 Specialized Service Cases — Real-world consulting scenarios delivered through video thumbnails and detailed script walkthroughs AI Real-Time Consulting — Powered by the Claude API, delivering instant expert-level answers to complex corporate finance questions Education Service — A 4-month progressive curriculum covering corporate finance fundamentals to advanced succession strategy AI Add-on Services — AI physiognomy analysis, personal styling service, and a suite of financial calculation tools

How we built it

ComponentTechnologyFrontendPure HTML · CSS · Vanilla JavaScript (single file, zero frameworks)AI Consulting EngineAnthropic Claude API (claude-sonnet-4)UI ArchitectureFixed sidebar + SPA-style page switching via .page.activeResponsive DesignCSS @media 768px breakpoint with off-canvas mobile sidebarDeploymentSingle HTML file — runs directly in any browser, no server required We engineered a domain-specific system prompt tuned for Korean corporate finance, and rendered all 18 service case studies dynamically using the JavaScript DOM API to avoid string concatenation pitfalls.

Challenges we ran into

JavaScript Syntax Collisions — Building dynamic HTML via string concatenation caused repeated SyntaxError crashes when emoji and special characters appeared inside nested quotes. We resolved this by fully migrating to the DOM API (createElement, addEventListener), eliminating the problem structurally. Cloudflare Script Interference — Cloudflare's auto-injected tag consumed our main script's closing tag, triggering go is not defined across the entire app. We resolved this by consolidating all JavaScript into a single, self-contained block. 20MB Inline Audio Embedding — Embedding narration WAV files as Base64 directly inside HTML caused the browser to stall during parsing, breaking every menu and interaction. We removed the audio layer and restored a lightweight architecture. Mobile Sidebar Stability — Repeated conflicts between the position:fixed sidebar, z-index stacking, and inline onclick execution timing caused the mobile menu to be unresponsive. We stabilized it by declaring all functions at the top of a single script block with no external dependencies.

Accomplishments that we're proud of

Delivered a fully functional 58KB single HTML file — 14 pages, 18 service case studies, and live AI consulting with zero servers or frameworks Built a domain-specific AI consulting experience using a carefully engineered Claude system prompt that produces expert-level tax and risk advice Achieved production-ready completeness — education modules, AI sub-services, terms of service, privacy policy, and customer support pages all included Implemented a fully responsive UI — off-canvas sidebar, nested submenu toggles, and mobile-first layout — entirely in Vanilla JS without any UI library

What we learned

String concatenation for dynamic HTML is fundamentally fragile when content includes emoji, Korean characters, or nested quotes — DOM API is the only safe and scalable approach External CDN scripts (e.g., Cloudflare) can silently mutate your HTML structure — keeping JavaScript in a single, self-contained block is essential for predictability Inlining large binary assets (audio files) as Base64 directly into HTML blocks browser parsing entirely — lazy loading or external file hosting is non-negotiable at scale AI system prompt quality is the single biggest lever for output usefulness — narrowing the domain and specifying output format explicitly dramatically improves answer quality for professional use cases

What's next for aigfp

Live Tax Simulation Engine — Integrate real calculation logic for corporate tax, retirement income tax, and gift/inheritance tax scenarios Streaming Audio Player — Host narration files on a CDN and implement a lightweight streaming player for the education modules AI-Generated PDF Reports — Automatically generate personalized corporate financial diagnostic reports based on each consultation session User Accounts & Consultation History — Persistent login with memory of past sessions for a truly personalized advisory experience Expert Matching Marketplace — After an AI consultation, connect CEOs directly with licensed tax accountants, attorneys, and certified financial planners Mobile App Expansion — Convert to a PWA or native app so every CEO has an AI financial advisor in their pocket, available 24/7

Built With

• css3
• python