mikechongcan
- 56 skills
- 0 followers
- 6 hours ago last updated
- ▌ Integrate Cloud Service Kit · mikechongcanGuide developers to integrate CloudServiceKit, configure providers (WebDAV, OneDrive, Google Drive), and perform file/folder operations using Swift 6 async/await.
- ▌ 10x Chat · mikechongcanChat with web AI agents (ChatGPT, Gemini, Claude, Grok, Perplexity, NotebookLM) via browser automation. Use when stuck, need cross-validation, want a second-model review, need image generation, want deep research, or want to generate video (Google Flow/Veo, Dreamina/Seedance) from web AI tools.
- ▌
- ▌ Azure Openai Image Gen Skill · mikechongcan bundleGenerate, edit, batch-generate, or troubleshoot images through Azure OpenAI or Microsoft Foundry image model deployments using env vars or an env-file. Use for GPT Image, gpt-image-2, gpt-image-1.5, gpt-image-1, Azure OpenAI image generation, deployment-based image APIs, base64 image outputs, or an Azure-backed alternative to image_gen.
- ▌ Doc Crop · mikechongcanCrop, straighten, and compress document images (receipts, invoices, scans) using Apple Vision framework. Use when processing photos of documents that need background removal, perspective correction, or size reduction. Triggers on tasks like "crop this receipt", "straighten this scan", "compress this document photo", "clean up this invoice image", or any document image preprocessing for OCR, archival, or upload.
- ▌ Agy Delegate · mikechongcanDelegate implementation tasks to the antigravity (agy) coding agent as a local subagent. Use when: (1) User says "delegate to agy", "agy subagent", "run agy", "agy implement", (2) User invokes agy-strategy step 3 (delegate implementation to subagent), (3) A plan.md is ready and implementation should be handed off to a parallel coding agent, (4) Multiple non-conflicting modules (backend/frontend/mobile) need parallel implementation, (5) User wants to spawn one or more autonomous coding agents to execute a plan.
- ▌ Png Optimize · mikechongcanOptimize and minimize PNG files for smaller file sizes using oxipng and pngquant. Use this skill whenever the user mentions optimizing PNGs, compressing images, reducing image file size, minimizing assets, preparing images for web, or running oxipng/pngquant/optipng. Also trigger when the user says "compress", "shrink", "minimize", or "optimize" near "png", "image", or "icon", or when committing PNG resources (per CLAUDE.md convention).
- ▌ Gpt Taste · mikechongcanElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
- ▌ SEO Audit · mikechongcanWhen the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SEO health check," "my traffic dropped," "lost rankings," "not showing up in Google," "site isn't ranking," "Google update hit me," "page speed," "core web vitals," "crawl errors," or "indexing issues." Use this even if the user just says something vague like "my SEO is bad" or "help with SEO" — start with an audit. For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema-markup. For AI search optimization, see ai-seo.
- ▌ Playwright · mikechongcan bundleUse when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via `playwright-cli` or the bundled wrapper script.
- ▌ Copywriting · mikechongcanWhen the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," "CTA copy," "value proposition," "tagline," "subheadline," "hero section copy," "above the fold," "this copy is weak," "make this more compelling," or "help me describe my product." Use this whenever someone is working on website text that needs to persuade or convert. For email copy, see email-sequence. For popup copy, see popup-cro. For editing existing copy, see copy-editing.
- ▌ Image To Code · mikechongcanElite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.
- ▌ Minimalist UI · mikechongcanClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
- ▌ Netlify Deploy · mikechongcan bundleDeploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production deploys.
- ▌ Swiftui Debugging · mikechongcanDiagnose and fix SwiftUI rendering performance issues, including unnecessary body re-evaluations, slow or janky views, scrolling/list/grid stutters, view identity bugs, lost state, excessive `Self._printChanges()` output, `@Observable` versus `ObservableObject` observation scope, `AnyView` performance concerns, and expensive work inside SwiftUI `body`.
- ▌ Design Taste Frontend · mikechongcanSenior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
- ▌ High End Visual Design · mikechongcanTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
- ▌ Playwright Interactive · mikechongcan bundlePersistent browser and Electron interaction through `js_repl` for fast iterative UI debugging.
- ▌ X Bookmark Quote Posts · mikechongcan bundleCheck a user's latest X/Twitter bookmarks and turn recent saved posts into source-backed quote-post drafts. Use when asked to review X bookmarks, create quote posts from bookmarks, refresh a bookmark quote queue, run a bookmark quote automation, or write first-person quote posts from X sources.
- ▌ Redesign Existing Projects · mikechongcanUpgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
- ▌ Customer Email Draft Threads · mikechongcan bundleDraft-only Gmail customer support triage with per-draft Codex project threads. Use when the user asks to run the customer email automation, check unread/recent support emails, prepare Gmail draft replies, triage customer/person emails while skipping automated mail, or create agent/project threads for drafted email follow-up.
- ▌ Customer Support Verification · mikechongcan bundleVerify customer support work against the applicable runbook, draft-safety, evidence, mutation, and commit-scope requirements. Use after every Gmail/customer support triage, billing/cancellation/refund/account/access investigation, support handoff, or draft-review task before the final response; also use when the user asks to verify support work against a runbook, checklist, skill, or requirements.
- ▌ Cfo · mikechongcanRoot onboarding and routing command for CFO Stack. Start here when the user does not know which skill to use, needs first-run guidance, or wants the agent to decide whether to start zero-knowledge onboarding, set up a ledger, download statements, consult external models, search historical precedent, or review current books. CLEAR step: Meta
- ▌ Cfo Log · mikechongcanTransform raw captured data into structured Beancount double-entry records. The bridge between messy real-world data and clean accounting entries. Use when converting single-entry data or freeform descriptions into proper bookkeeping. CLEAR step: L (Log)
- ▌ Cfo Fava · mikechongcanLaunch the Fava web UI for visual exploration of your Beancount ledger. Interactive charts, account views, queries, and reports in the browser. Use when you want to visually explore your financial data. CLEAR step: R (Report)
- ▌ Cfo Audit · mikechongcanComprehensive ledger validation and integrity check. Verifies every transaction, checks for common errors, validates completeness, and produces an audit report. Use before filing taxes or at year-end. CLEAR step: Meta
- ▌ Cfo Setup · mikechongcanInitialize a new Beancount ledger from scratch. Chart of accounts for your business type, opening balances, Fava config, git initialization. Use after onboarding scope is clear and the user is ready to create files. CLEAR step: Meta
- ▌ Cfo Report · mikechongcanGenerate financial statements: Income Statement (P&L), Balance Sheet, Cash Flow. Custom queries via BQL. Trend analysis and period comparisons. Use to see your financial picture clearly. CLEAR step: R (Report)
- ▌ Cfo Advisor · mikechongcanFinancial health assessment, FIRE planning, net worth tracking, and scenario modeling. Use when you want the big picture of your financial life. CLEAR step: R (Report)
- ▌ Cfo Capture · mikechongcanMaster data import orchestrator. Consolidates every "evidence of money" into one place: bank CSVs, credit card statements, receipts, invoices, payment platform exports, and routes raw source documents through preprocessing before OCR when needed. Can also trigger browser-assisted statement export when files are not on disk yet. Use when starting the monthly CLEAR cycle or importing new financial data. CLEAR step: C (Capture)
- ▌ Cfo Careful · mikechongcanSafety guardrails for financial data. Warns before destructive operations on ledger files, reconciled transactions, or tax-filed data. Use when working with production financial data. CLEAR step: Meta
- ▌ Cfo Consult · mikechongcanCross-model accounting and tax self-consulting via 10x-chat. Ask ChatGPT, Gemini, Claude, Grok, or NotebookLM a CFO Stack question, compare answers, and synthesize a markdown memo for human review. Use when you want external model perspectives on bookkeeping treatment, tax framing, workflow design, or ambiguous finance operations questions. CLEAR step: E (Extract)
- ▌ Cfo Extract · mikechongcanAI-powered financial analysis. Extracts spending patterns, detects anomalies, forecasts trends, and surfaces actionable insights from your ledger data. Use when you want to understand what your numbers are telling you. CLEAR step: E (Extract)
- ▌ Cfo Invoice · mikechongcanGenerate professional invoices with correct tax treatment. Multi-region support for Canada (GST/HST), US, Taiwan, China, and EU VAT. Track accounts receivable. Use when billing clients. CLEAR step: Meta
- ▌ Cfo Automate · mikechongcanGenerate reusable processing scripts and pipelines. Turn repetitive L and E steps into scripts. Goal: 30 min/month for all bookkeeping. Use when you notice you're doing the same steps repeatedly. CLEAR step: A (Automate)
- ▌ Cfo Classify · mikechongcanAI-powered transaction categorization with learning. Applies rules, pattern matching, and AI inference to categorize transactions. Learns from corrections. Use after /cfo-capture or /cfo-bank-import to categorize uncategorized transactions. CLEAR step: L (Log)
- ▌ Cfo Snapshot · mikechongcanGit commit your ledger with a meaningful message. Tag month-end, quarter-end, and year-end closes. Maintains the audit trail. Use after any meaningful ledger change. CLEAR step: Meta
- ▌ Cfo Tax Plan · mikechongcanProactive tax strategy and planning. Quarterly estimates, deduction optimization, income splitting scenarios, RRSP/TFSA/401k contribution planning. Use quarterly or when making major financial decisions. CLEAR step: E (Extract)
- ▌ Cfo Validate · mikechongcanRun bean-check plus custom validation rules on the ledger. Ensures every entry balances, accounts exist, and no common errors are present. Use after any ledger modification to verify integrity. CLEAR step: L (Log)
- ▌ Cfo Reconcile · mikechongcanMatch bank statement balances to ledger balances. Find discrepancies, verify every account, flag anomalies. Generate balance assertions. Use at month-end to verify your books match reality. CLEAR step: E (Extract)
- ▌ Cfo Onboarding · mikechongcanBeginner-friendly first-run guidance for users who do not understand bookkeeping, Beancount, or CFO Stack yet. Explains the workflow in plain language, gathers only high-level readiness information, and hands off cleanly to the right next skill. Use before `/cfo-setup` when the user is zero knowledge or overwhelmed. CLEAR step: Meta
- ▌ Cfo Bank Import · mikechongcanSmart CSV importer with format auto-detection. Handles major banks in Canada and US, plus payment platforms (Stripe, PayPal, Wise, WeChat Pay, Alipay) and browser-assisted exports gathered through `/cfo-statement-export`. Use when importing bank or credit card CSV exports. CLEAR step: C (Capture)
- ▌ Cfo Receipt Scan · mikechongcanOCR receipt photos and PDFs to extract transaction data. Generates Beancount transactions with receipt linkage. Use when processing normalized receipt photos, WebP derivatives, or scanned invoices. CLEAR step: C (Capture)
- ▌ Cfo Monthly Close · mikechongcanAutomated monthly close workflow. Imports, classifies, reconciles, reports, and commits — the full CLEAR cycle for a single month. Use at month-end to close the books. CLEAR step: A (Automate)
- ▌ Cfo Quarterly Tax · mikechongcanPrepare quarterly tax filing data. GST/HST return (Canada), estimated tax payments (US), sales tax returns. Generates filing-ready data packets. Use at quarter-end for tax compliance. CLEAR step: A (Automate)
- ▌ Cfo Capture Dedupe · mikechongcanEnforce import idempotency and duplicate-source detection across repeated capture runs. Fingerprints files, rows, and derived documents so reruns skip exact duplicates, corrected reimports are explicit, and duplicate-risk findings surface in import logs and validation. Use before staging entries from /cfo-capture, /cfo-bank-import, /cfo-receipt-scan, or /cfo-doc-preprocess. CLEAR step: C (Capture)
- ▌ Cfo Doc Preprocess · mikechongcanNormalize and compress receipt photos, scanned invoices, and oversized source documents before OCR or archival. Use when capture includes JPG/PNG/HEIC/TIFF receipts, camera scans, or image-heavy PDFs that should be made smaller without losing legibility. On macOS, prefer doc-crop for document photos and WebP output for image receipts. `doc-crop` is a macOS-only tool and should only be installed or run on macOS. CLEAR step: C (Capture)
- ▌ Cfo History Search · mikechongcanSearch prior journals, ledgers, notes, and bookkeeping knowledge quickly with QMD. Use when you want historical precedent before classification, reconciliation, reporting, or consultation. CLEAR step: E (Extract)
- ▌ Cfo Report Dashboard · mikechongcan bundleGenerate beautiful HTML dashboards from a Beancount ledger without using an LLM. Uses Bun + TypeScript + React + Tailwind to render business or household dashboards from `bean-query` data, including balance sheet, cash flow, net worth, and recent activity. Use when you want a shareable dashboard artifact instead of Markdown-only statements. CLEAR step: R (Report)
- ▌ Cfo Statement Export · mikechongcanHuman-in-the-loop browser-assisted statement export for banks, cards, brokerages, and payment platforms. Uses Chrome DevTools MCP against the user's current Chrome session to download CSV/PDF statements without bank APIs. Use when account files are not on disk yet. CLEAR step: C (Capture)
- ▌ Cfo Ledger Ops · mikechongcanUse when changing CFO Stack ledger conventions, process docs, Beancount metadata rules, or canonical ledger/file layout guidance that should stay out of AGENTS.md.
- ▌ Cfo Statement Export Private · mikechongcanPrivacy-first planning-only statement export for banks, cards, brokerages, and payment platforms. The LLM builds a manual download checklist with official URLs, suggested date ranges, export formats, and staging directory, but does not use browser tools or browser automation. Use when account files are not on disk yet and the user wants more privacy. CLEAR step: C (Capture)
- ▌ Github Issue Loop · mikechongcan bundleUse when executing cpa-stack GitHub issue or PR work with gh, including issue intake, issue claiming, durable progress comments, status labels, validation, commit or push, and final state reporting that avoids duplicate parallel work.
- ▌ Cfo Setup Governance · mikechongcanUse when changing setup or uninstall behavior, onboarding intake, install-scope semantics, host registration docs, or setup-related agent guidance that should not live in AGENTS.md.
- ▌ Cfo Canadian Tax Prep · mikechongcan bundleUse when preparing Canadian tax review packets for T4 employment income, rental income, sole proprietorships, corporations, GST/HST, payroll, or slip season. Anchors the workflow in CRA source pages, uses Taxtips only for secondary checklist ideas, and produces human-review tax prep packages instead of compliance claims.
- ▌ Cfo Chrome Download Statements · mikechongcanUse when statement files are not on disk yet and the agent needs human-in-the-loop browser assistance through the user's current Chrome session to find official portals and download CSV or PDF statements.