<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta http-equiv="X-Content-Type-Options" content="nosniff" />

<meta name="referrer" content="strict-origin-when-cross-origin" />

<title>SkillForge — Visual AI Agent Skill Builder</title>

<meta name="description" content="Visual drag-and-drop builder for composable AI agent skills. Build workflows for Claude Code, Kiro, Copilot, Cursor and more." />

<!-- Open Graph -->

<meta property="og:title" content="SkillForge — Visual AI Agent Skill Builder" />

<meta property="og:description" content="Drag-and-drop builder for composable AI agent skills. Export to SKILL.md, Kiro steering, or JSON." />

<meta property="og:type" content="website" />

<meta property="og:url" content="https://hubertlim.github.io/SkillForge/" />

<!-- Twitter -->

<meta name="twitter:card" content="summary_large_image" />

<meta name="twitter:title" content="SkillForge — Visual AI Agent Skill Builder" />

<meta name="twitter:description" content="Drag-and-drop builder for composable AI agent skills." />

<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>&#x2692;&#xFE0F;</text></svg>" />

</head>

<body class="bg-forge-bg text-forge-text">

<div id="root"></div>

<script type="module" src="/src/main.tsx"></script>

</body>