# Tech Stack, Tools & Fields

<p align="center"><strong>Mark Siazon (@Iron-Mark)</strong> — full technology reference for the <a href="https://github.com/Iron-Mark/Iron-Mark/blob/main/README.md">GitHub profile README</a>.</p>

<p align="center"><sub>Core stack (16 tools, domain-grouped) on <a href="https://github.com/Iron-Mark/Iron-Mark/blob/main/README.md#tech-stack">README</a> · Case studies at <a href="https://www.marksiazon.dev/projects">marksiazon.dev/projects</a> · <a href="https://www.marksiazon.dev/recruiter">Recruiter brief</a></sub></p>

<p align="center"><sub>(Things I know and Like to learn)</sub></p>

<p align="center"><em>Curious across product design, engineering, and creative tooling.</em></p>

<p align="center"><sub><strong>Jump to:</strong> <a href="#web-development">Web</a> · <a href="#mobile-development">Mobile</a> · <a href="#backend-development">Backend</a> · <a href="#web3">Web3</a> · <a href="#deploy-infrastructure">Deploy</a> · <a href="#game-dev">Game Dev</a> · <a href="#ui-ux">UI/UX</a> · <a href="#creative">Creative</a> · <a href="#ai">AI</a> · <a href="#ai-workflow">AI workflow</a></sub></p>

<div align="center" style="overflow-x:auto;width:100%;max-width:100%">

<table width="100%">
  <colgroup>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
  </colgroup>
  <tr align="center" id="web-development"><td colspan="9"><sub><b>🌐 WEB DEVELOPMENT</b></sub></td></tr>
  <tr align="center"><td colspan="9"><sub><b>Web Tools</b> · markup-to-database stack for products I design and ship end-to-end</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/html5.svg" alt="HTML5" width="40" height="40"/><br><sub>HTML5</sub></td>
    <td width="11%"><img src="assets/stack/css3.svg" alt="CSS3" width="40" height="40"/><br><sub>CSS3</sub></td>
    <td width="11%"><img src="assets/stack/javascript.svg" alt="JavaScript" width="40" height="40"/><br><sub>JS</sub></td>
    <td width="11%"><img src="assets/stack/typescript.svg" alt="TypeScript" width="40" height="40"/><br><sub>TS</sub></td>
    <td width="11%"><img src="assets/stack/vitejs.svg" alt="Vite" width="40" height="40"/><br><sub>Vite</sub></td>
    <td width="11%"><img src="assets/stack/tanstack.svg" alt="TanStack" width="40" height="40"/><br><sub>TanStack</sub></td>
    <td width="11%"><img src="assets/stack/java.svg" alt="Java" width="40" height="40"/><br><sub>Java</sub></td>
    <td width="11%"><img src="assets/stack/php.svg" alt="PHP" width="40" height="40"/><br><sub>PHP</sub></td>
    <td width="11%"><img src="assets/stack/mysql.svg" alt="MySQL" width="40" height="40"/><br><sub>MySQL</sub></td>
  </tr>
  <tr align="center"><td colspan="9"><sub><b>JS Frameworks</b> · interactive UIs I ship, from legacy surfaces to SSR and islands</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/jquery.svg" alt="jQuery" width="40" height="40"/><br><sub>jQuery</sub></td>
    <td width="11%"><img src="assets/stack/react.svg" alt="React" width="40" height="40"/><br><sub>React</sub></td>
    <td width="11%"><img src="assets/stack/nextjs.svg" alt="Next.js" width="40" height="40"/><br><sub>Next.js</sub></td>
    <td width="11%"><img src="assets/stack/astro.svg" alt="Astro" width="40" height="40"/><br><sub>Astro</sub></td>
    <td width="11%"><img src="assets/stack/svelte.svg" alt="Svelte" width="40" height="40"/><br><sub>Svelte</sub></td>
    <td width="11%"><img src="assets/stack/qwik.svg" alt="Qwik" width="40" height="40"/><br><sub>Qwik</sub></td>
  </tr>
  <tr align="center"><td colspan="9"><sub><b>CSS Frameworks &amp; Design Libraries</b> · styling and component systems from prototype to production</sub></td></tr>
  <tr align="center">
    <td width="11%"><a href="https://tailwindcss.com/docs/installation/using-vite" rel="noopener noreferrer"><img src="assets/stack/tailwindcss.svg" alt="Tailwind CSS" width="40" height="40"/><br><sub>Tailwind</sub></a></td>
    <td width="11%"><a href="https://getbootstrap.com/docs/5.3/getting-started/introduction/" rel="noopener noreferrer"><img src="assets/stack/bootstrap.svg" alt="Bootstrap" width="40" height="40"/><br><sub>Bootstrap</sub></a></td>
    <td width="11%"><a href="https://sass-lang.com/install/" rel="noopener noreferrer"><img src="assets/stack/sass.svg" alt="Sass" width="40" height="40"/><br><sub>Sass</sub></a></td>
    <td width="11%"><a href="https://en.bem.info/" rel="noopener noreferrer"><img src="assets/stack/bem.svg" alt="BEM" width="40" height="40"/><br><sub>BEM</sub></a></td>
    <td width="11%"><a href="https://ui.shadcn.com/docs/installation" rel="noopener noreferrer"><img src="assets/stack/shadcnui.svg" alt="shadcn/ui" width="40" height="40"/><br><sub style="white-space:nowrap">shadcn/ui</sub></a></td>
    <td width="11%"><a href="https://mui.com/material-ui/getting-started/installation/" rel="noopener noreferrer"><img src="assets/stack/mui.svg" alt="MUI" width="40" height="40"/><br><sub>MUI</sub></a></td>
    <td width="11%"><a href="https://ant.design/docs/react/getting-started" rel="noopener noreferrer"><img src="assets/stack/antdesign.svg" alt="Ant Design" width="40" height="40"/><br><sub style="white-space:nowrap">Ant&nbsp;Design</sub></a></td>
    <td width="11%"><a href="https://daisyui.com/docs/install/" rel="noopener noreferrer"><img src="assets/stack/daisyui.svg" alt="daisyUI" width="40" height="40"/><br><sub style="white-space:nowrap">daisyUI</sub></a></td>
  </tr>
  <tr align="center" id="mobile-development"><td colspan="9"><sub><b>📱 MOBILE DEVELOPMENT</b> · native and cross-platform stacks behind Wear OS, PWAs, and mobile builds</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/androidstudio.svg" alt="Android Studio" width="40" height="40"/><br><sub style="white-space:nowrap">Android&nbsp;Studio</sub></td>
    <td width="11%"><img src="assets/stack/kotlin.svg" alt="Kotlin" width="40" height="40"/><br><sub>Kotlin</sub></td>
    <td width="11%"><img src="assets/stack/wearos.svg" alt="Wear OS" width="40" height="40"/><br><sub>Wear OS</sub></td>
    <td width="11%"><img src="assets/stack/flutter.svg" alt="Flutter" width="40" height="40"/><br><sub>Flutter</sub></td>
    <td width="11%"><img src="assets/stack/dart.svg" alt="Dart" width="40" height="40"/><br><sub>Dart</sub></td>
    <td width="11%"><img src="assets/stack/capacitor.svg" alt="Capacitor" width="40" height="40"/><br><sub>Capacitor</sub></td>
    <td width="11%"><img src="assets/stack/reactnative.svg" alt="React Native" width="40" height="40"/><br><sub style="white-space:nowrap">React&nbsp;Native</sub></td>
    <td width="11%"><img src="assets/stack/expo.svg" alt="Expo" width="40" height="40"/><br><sub>Expo</sub></td>
  </tr>
</table>

<br>

<table width="100%">
  <colgroup>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
  </colgroup>
  <tr align="center" id="backend-development"><td colspan="9"><sub><b>🔧 BACKEND DEVELOPMENT</b></sub></td></tr>
  <tr align="center"><td colspan="9"><sub><b>Backend &amp; APIs</b> · runtimes → data layers → BaaS I wire up for shipped products</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/nodejs.svg" alt="Node.js" width="40" height="40"/><br><sub>Node.js</sub></td>
    <td width="11%"><img src="assets/stack/express.svg" alt="Express" width="40" height="40"/><br><sub>Express</sub></td>
    <td width="11%"><img src="assets/stack/fastify.svg" alt="Fastify" width="40" height="40"/><br><sub>Fastify</sub></td>
    <td width="11%"><img src="assets/stack/fastapi.svg" alt="FastAPI" width="40" height="40"/><br><sub>FastAPI</sub></td>
    <td width="11%"><img src="assets/stack/postgresql.svg" alt="PostgreSQL" width="40" height="40"/><br><sub>PostgreSQL</sub></td>
    <td width="11%"><img src="assets/stack/mysql.svg" alt="MySQL" width="40" height="40"/><br><sub>MySQL</sub></td>
    <td width="11%"><img src="assets/stack/mongodb.svg" alt="MongoDB" width="40" height="40"/><br><sub>MongoDB</sub></td>
    <td width="11%"><img src="assets/stack/redis.svg" alt="Redis" width="40" height="40"/><br><sub>Redis</sub></td>
    <td width="11%"><img src="assets/stack/supabase.svg" alt="Supabase" width="40" height="40"/><br><sub>Supabase</sub></td>
  </tr>
  <tr align="center" id="web3"><td colspan="9"><sub><b>Web3 · Tools · Chains · Wallets</b> · contract tooling → chains I ship on → wallets users connect with</sub></td></tr>
  <tr align="center">
    <td width="11%"><a href="https://www.soliditylang.org/" rel="noopener noreferrer"><img src="assets/stack/solidity.svg" alt="Solidity" width="40" height="40"/><br><sub>Solidity</sub></a></td>
    <td width="11%"><a href="https://hardhat.org/" rel="noopener noreferrer"><img src="assets/stack/hardhat.svg" alt="Hardhat" width="40" height="40"/><br><sub>Hardhat</sub></a></td>
    <td width="11%"><a href="https://www.movementnetwork.xyz/" rel="noopener noreferrer"><img src="assets/web3/movement.png" alt="Move" width="40" height="40"/><br><sub>Move</sub></a></td>
    <td width="11%"><a href="https://morph.network/" rel="noopener noreferrer"><img src="assets/web3/morph.png" alt="Morph" width="40" height="40"/><br><sub>Morph</sub></a></td>
    <td width="11%"><a href="https://celo.org/" rel="noopener noreferrer"><img src="assets/web3/celo.png" alt="Celo" width="40" height="40"/><br><sub>Celo</sub></a></td>
    <td width="11%"><a href="https://stellar.org/" rel="noopener noreferrer"><img src="assets/web3/stellar.png" alt="Stellar" width="40" height="40"/><br><sub>Stellar</sub></a></td>
    <td width="11%"><a href="https://stellar.org/soroban" rel="noopener noreferrer"><img src="assets/web3/soroban.svg" alt="Soroban smart contracts on Stellar" width="40" height="40"/><br><sub>Soroban</sub></a></td>
    <td width="11%"><a href="https://freighter.app/" rel="noopener noreferrer"><img src="assets/web3/freighter.png" alt="Freighter" width="40" height="40"/><br><sub>Freighter</sub></a></td>
    <td width="11%"><a href="https://minipay.to/" rel="noopener noreferrer"><img src="assets/web3/minipay.png" alt="MiniPay" width="40" height="40"/><br><sub>MiniPay</sub></a></td>
    <td width="11%"><a href="https://metamask.io/" rel="noopener noreferrer"><img src="assets/web3/metamask.svg" alt="MetaMask" width="40" height="40"/><br><sub>MetaMask</sub></a></td>
  </tr>
  <tr align="center" id="deploy-infrastructure"><td colspan="9"><sub><b>Deploy &amp; Infrastructure</b> · source control → CI → containers → hosts that get proofs live</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/git.svg" alt="Git" width="40" height="40"/><br><sub>Git</sub></td>
    <td width="11%"><img src="assets/stack/githubactions.svg" alt="GitHub Actions CI/CD" width="40" height="40" title="GitHub Actions — validate, test, deploy"/><br><sub style="white-space:nowrap">CI/CD</sub></td>
    <td width="11%"><img src="assets/stack/docker.svg" alt="Docker" width="40" height="40"/><br><sub>Docker</sub></td>
    <td width="11%"><img src="assets/stack/vercel.svg" alt="Vercel" width="40" height="40"/><br><sub>Vercel</sub></td>
    <td width="11%"><img src="assets/stack/netlify.svg" alt="Netlify" width="40" height="40"/><br><sub>Netlify</sub></td>
    <td width="11%"><img src="assets/stack/railway.svg" alt="Railway" width="40" height="40"/><br><sub>Railway</sub></td>
    <td width="11%"><img src="assets/stack/cloudflare.svg" alt="Cloudflare" width="40" height="40"/><br><sub>Cloudflare</sub></td>
    <td width="11%"><img src="assets/stack/appwrite.svg" alt="Appwrite" width="40" height="40"/><br><sub>Appwrite</sub></td>
    <td width="11%"><img src="assets/stack/aws.svg" alt="AWS" width="40" height="40"/><br><sub>AWS</sub></td>
  </tr>
</table>

<br>

<table width="100%">
  <colgroup>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
  </colgroup>
  <tr align="center" id="game-dev"><td colspan="9"><sub><b>🎮 GAME DEV</b> · engines &amp; IDE → art pipeline → indie tools → browser games</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/unity.svg" alt="Unity" width="40" height="40"/><br><sub>Unity</sub></td>
    <td width="11%"><img src="assets/stack/csharp.svg" alt="C#" width="40" height="40"/><br><sub>C#</sub></td>
    <td width="11%"><img src="assets/stack/visualstudio.svg" alt="Visual Studio" width="40" height="40"/><br><sub style="white-space:nowrap">Visual&nbsp;Studio</sub></td>
    <td width="11%"><img src="assets/stack/blender.svg" alt="Blender" width="40" height="40"/><br><sub>Blender</sub></td>
    <td width="11%"><img src="assets/stack/aseprite.png" alt="Aseprite" width="40" height="40"/><br><sub>Aseprite</sub></td>
    <td width="11%"><img src="assets/stack/godot.svg" alt="Godot" width="40" height="40"/><br><sub>Godot</sub></td>
    <td width="11%"><img src="assets/stack/rpgmaker.png" alt="RPG Maker" width="40" height="40"/><br><sub style="white-space:nowrap">RPG&nbsp;Maker</sub></td>
    <td width="11%"><a href="https://phaser.io/download" rel="noopener noreferrer"><img src="assets/stack/phaser.svg" alt="Phaser" width="40" height="40"/><br><sub style="white-space:nowrap">Phaser.js</sub></a></td>
    <td width="11%"><img src="assets/stack/threejs.svg" alt="Three.js" width="40" height="40"/><br><sub style="white-space:nowrap">Three.js</sub></td>
  </tr>
</table>

<br>

<table width="100%">
  <colgroup>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
  </colgroup>
  <tr align="center" id="ui-ux"><td colspan="9"><sub><b>🎨 UI / UX</b> · research, flows, systems, and design-to-ship before code lands</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/figma.svg" alt="Figma" width="40" height="40"/><br><sub>Figma</sub></td>
    <td width="11%"><img src="assets/stack/framer.svg" alt="Framer" width="40" height="40"/><br><sub>Framer</sub></td>
    <td width="11%"><img src="assets/stack/miro.svg" alt="Miro" width="40" height="40"/><br><sub>Miro</sub></td>
    <td width="11%"><img src="assets/stack/notion.svg" alt="Notion" width="40" height="40"/><br><sub>Notion</sub></td>
    <td width="11%"><img src="assets/stack/webflow.svg" alt="Webflow" width="40" height="40"/><br><sub>Webflow</sub></td>
    <td width="11%"><img src="assets/stack/storybook.svg" alt="Storybook" width="40" height="40"/><br><sub>Storybook</sub></td>
    <td width="11%"><img src="assets/stack/penpot.svg" alt="Penpot" width="40" height="40"/><br><sub>Penpot</sub></td>
    <td width="11%"><img src="assets/stack/sketch.svg" alt="Sketch" width="40" height="40"/><br><sub>Sketch</sub></td>
    <td width="11%"><img src="assets/stack/hotjar.svg" alt="Hotjar" width="40" height="40"/><br><sub>Hotjar</sub></td>
  </tr>
</table>

<br>

<table width="100%">
  <colgroup>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
  </colgroup>
  <tr align="center" id="creative"><td colspan="9"><sub><b>🖌️ CREATIVE / MULTIMEDIA</b> · visual polish for launches, decks, and brand touchpoints</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/canva.svg" alt="Canva" width="40" height="40"/><br><sub>Canva</sub></td>
    <td width="11%"><img src="assets/stack/procreate.png" alt="Procreate" width="40" height="40"/><br><sub>Procreate</sub></td>
    <td width="11%"><img src="assets/stack/photoshop.svg" alt="Photoshop" width="40" height="40"/><br><sub>Photoshop</sub></td>
    <td width="11%"><img src="assets/stack/adobeillustrator.svg" alt="Illustrator" width="40" height="40"/><br><sub>Illustrator</sub></td>
    <td width="11%"><img src="assets/stack/premierepro.svg" alt="Premiere Pro" width="40" height="40"/><br><sub style="white-space:nowrap">Premiere&nbsp;Pro</sub></td>
    <td width="11%"><img src="assets/stack/capcut.png" alt="CapCut" width="40" height="40"/><br><sub>CapCut</sub></td>
    <td width="11%"><img src="assets/stack/obsstudio.svg" alt="OBS Studio" width="40" height="40"/><br><sub style="white-space:nowrap">OBS&nbsp;Studio</sub></td>
    <td width="11%"><img src="assets/stack/audacity.svg" alt="Audacity" width="40" height="40"/><br><sub>Audacity</sub></td>
    <td width="11%"><img src="assets/stack/spline.png" alt="Spline" width="40" height="40"/><br><sub>Spline</sub></td>
  </tr>
</table>

<br>

<table width="100%">
  <colgroup>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
  </colgroup>
  <tr align="center" id="ai"><td colspan="9"><sub><b>🤖 AI</b> · ML foundation → agents &amp; inference → production deploy</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/stack/python.svg" alt="Python" width="40" height="40"/><br><sub>Python</sub></td>
    <td width="11%"><img src="assets/stack/pytorch.svg" alt="PyTorch" width="40" height="40"/><br><sub>PyTorch</sub></td>
    <td width="11%"><img src="assets/stack/huggingface.svg" alt="Hugging Face" width="40" height="40"/><br><sub style="white-space:nowrap">Hugging&nbsp;Face</sub></td>
    <td width="11%"><img src="assets/stack/langchain.svg" alt="LangChain" width="40" height="40"/><br><sub>LangChain</sub></td>
    <td width="11%"><img src="assets/stack/groq.svg" alt="Groq" width="40" height="40"/><br><sub>Groq</sub></td>
    <td width="11%"><img src="assets/stack/vercel.svg" alt="Vercel AI SDK" width="40" height="40"/><br><sub style="white-space:nowrap">Vercel&nbsp;AI&nbsp;SDK</sub></td>
    <td width="11%"><img src="assets/stack/googlecloud.svg" alt="GCP" width="40" height="40"/><br><sub>GCP</sub></td>
    <td width="11%"><img src="assets/stack/aws.svg" alt="AWS Bedrock" width="40" height="40"/><br><sub style="white-space:nowrap">AWS&nbsp;Bedrock</sub></td>
    <td width="11%"><img src="assets/stack/azure.svg" alt="Azure AI Foundry" width="40" height="40"/><br><sub style="white-space:nowrap">Azure&nbsp;AI&nbsp;Foundry</sub></td>
  </tr>
</table>

<br>

<table width="100%">
  <colgroup>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
    <col width="11%"/>
  </colgroup>
  <tr align="center" id="ai-workflow"><td colspan="9"><sub><b>🛠️ AI ASSISTED DEVELOPMENT WORKFLOW</b> · models for reasoning, agents and IDEs for shipping faster</sub></td></tr>
  <tr align="center">
    <td width="11%"><img src="assets/ai-workflow/chatgpt.svg" alt="ChatGPT" width="40" height="40"/><br><sub>ChatGPT</sub></td>
    <td width="11%"><img src="assets/ai-workflow/claude.svg" alt="Claude" width="40" height="40"/><br><sub>Claude</sub></td>
    <td width="11%"><img src="assets/ai-workflow/gemini.svg" alt="Gemini" width="40" height="40"/><br><sub>Gemini</sub></td>
    <td width="11%"><img src="assets/ai-workflow/deepseek.svg" alt="Deepseek" width="40" height="40"/><br><sub>Deepseek</sub></td>
    <td width="11%"><img src="assets/ai-workflow/perplexity.svg" alt="Perplexity" width="40" height="40"/><br><sub>Perplexity</sub></td>
    <td width="11%"><img src="assets/ai-workflow/grok.svg" alt="Grok" width="40" height="40"/><br><sub>Grok</sub></td>
    <td width="11%"><img src="assets/ai-workflow/qwen.svg" alt="Qwen" width="40" height="40"/><br><sub>Qwen</sub></td>
    <td width="11%"><a href="https://docs.lovable.dev/introduction/welcome" rel="noopener noreferrer"><img src="assets/ai-workflow/lovable.svg" alt="Lovable" width="40" height="40"/><br><sub>Lovable</sub></a></td>
    <td width="11%"><a href="https://docs.replit.com/build/welcome" rel="noopener noreferrer"><img src="assets/ai-workflow/replit.svg" alt="Replit" width="40" height="40"/><br><sub>Replit</sub></a></td>
  </tr>
  <tr align="center">
    <td width="11%"><a href="https://developers.openai.com/codex" rel="noopener noreferrer"><img src="assets/ai-workflow/codex.svg" alt="Codex" width="40" height="40"/><br><sub>Codex</sub></a></td>
    <td width="11%"><a href="https://code.claude.com/docs/en/quickstart" rel="noopener noreferrer"><img src="assets/ai-workflow/claudecode.svg" alt="Claude Code" width="40" height="40"/><br><sub style="white-space:nowrap">Claude&nbsp;Code</sub></a></td>
    <td width="11%"><a href="https://antigravity.google/docs/get-started" rel="noopener noreferrer"><img src="assets/ai-workflow/antigravity.svg" alt="Antigravity" width="40" height="40"/><br><sub>Antigravity</sub></a></td>
    <td width="11%"><a href="https://cursor.com/docs/get-started/quickstart" rel="noopener noreferrer"><img src="assets/ai-workflow/cursor.svg" alt="Cursor" width="40" height="40"/><br><sub>Cursor</sub></a></td>
    <td width="11%"><a href="https://v0.app/docs" rel="noopener noreferrer"><img src="assets/ai-workflow/v0.svg" alt="v0" width="40" height="40"/><br><sub>v0</sub></a></td>
    <td width="11%"><a href="https://docs.github.com/en/copilot/get-started" rel="noopener noreferrer"><img src="assets/ai-workflow/copilot.svg" alt="GitHub Copilot" width="40" height="40"/><br><sub style="white-space:nowrap">GitHub&nbsp;Copilot</sub></a></td>
    <td width="11%"><a href="https://qwenlm.github.io/qwen-code-docs/" rel="noopener noreferrer"><img src="assets/ai-workflow/qwencode.svg" alt="Qwen Code" width="40" height="40"/><br><sub style="white-space:nowrap">Qwen&nbsp;Code</sub></a></td>
    <td width="11%"><a href="https://kiro.dev/docs/" rel="noopener noreferrer"><img src="assets/ai-workflow/kiro.svg" alt="Kiro" width="40" height="40"/><br><sub>Kiro</sub></a></td>
    <td width="11%"><a href="https://opencode.ai/docs" rel="noopener noreferrer"><img src="assets/ai-workflow/opencode.svg" alt="OpenCode" width="40" height="40"/><br><sub>OpenCode</sub></a></td>
  </tr>
</table>

</div>

---

<p align="center"><sub>← <a href="https://github.com/Iron-Mark/Iron-Mark/blob/main/README.md">Profile README</a> · <a href="llms.txt">llms.txt</a> · <a href="llms-index.json">llms-index.json</a> · <a href="https://www.marksiazon.dev/projects">Portfolio projects</a> · <a href="https://www.marksiazon.dev/proof">Proof matrix</a></sub></p>

<p align="center"><sub><strong>Domains:</strong> Web Development · Mobile · Backend · Web3 · Deploy · Game Dev · UI/UX · Creative · AI · AI-Assisted Development Workflow</sub></p>
