create-skybridge 0.0.0-dev.994cdf4 → 0.0.0-dev.99a0b96

package/dist/index.js

@@ -153,7 +153,29 @@ export async function init(args = process.argv.slice(2)) {
     }
     const userAgent = process.env.npm_config_user_agent;
     const pkgManager = userAgent?.split(" ")[0]?.split("/")[0] || "npm";
-    // 4. Ask about immediate installation
+    // 4. Ask about skills installation
+    if (interactive) {
+        const skillsResult = await prompts.confirm({
+            message: "Install the coding agents skills? (recommended)",
+            initialValue: true,
+        });
+        if (prompts.isCancel(skillsResult)) {
+            return cancel();
+        }
+        if (skillsResult) {
+            run([
+                ...getPkgExecCmd(pkgManager, "skills"),
+                "add",
+                "alpic-ai/skybridge",
+                "-s",
+                "chatgpt-app-builder",
+            ], {
+                stdio: "inherit",
+                cwd: targetDir,
+            });
+        }
+    }
+    // 5. Ask about immediate installation
     let immediate = argImmediate;
     if (immediate === undefined) {
         if (interactive) {
@@ -240,3 +262,17 @@ function emptyDir(dir) {
         fs.rmSync(path.resolve(dir, file), { recursive: true, force: true });
     }
 }
+function getPkgExecCmd(pkgManager, cmd) {
+    switch (pkgManager) {
+        case "yarn":
+            return ["yarn", "dlx", cmd];
+        case "pnpm":
+            return ["pnpm", "dlx", cmd];
+        case "bun":
+            return ["bunx", cmd];
+        case "deno":
+            return ["deno", "run", "-A", `npm:${cmd}`];
+        default:
+            return ["npx", cmd];
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-skybridge",
-  "version": "0.0.0-dev.994cdf4",
+  "version": "0.0.0-dev.99a0b96",
   "type": "module",
   "license": "MIT",
   "author": "Alpic",

package/template/AGENTS.md

@@ -0,0 +1 @@
+Before writing code, first explore the project structure, then invoke the chatgpt-app-builder skill for documentation.

package/template/web/src/index.css

@@ -4,8 +4,11 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100%;
+  min-height: 100%;
+  max-height: 100%;
+  overflow: hidden;
   padding: 1rem;
+  box-sizing: border-box;
 }
 
 .ball {