create-twinbloc-app 0.1.9 → 0.1.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Twinbloc Studios
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -7,7 +7,8 @@ Create a React Native app with the Twinbloc starter template. This CLI scaffolds
 - Expo SDK 54 project with Expo Router and typed routes
 - React Native 0.81 + React 19 setup
 - TypeScript-first structure with strict TS config
-- NativeWind + Tailwind utilities, themed UI primitives, and tokens
+- UniWind (Universal Tailwind) for styling
+- Built-in AI Agent Skills (Cursor, Copilot, Trae, Windsurf, etc.)
 - Zustand store examples with persisted auth state
 - TanStack Query with MMKV persistence
 - Axios API client with auth-aware helpers
@@ -93,7 +94,7 @@ MyApp/
     store/          # Zustand stores
     translations/   # i18n resource files
   app.config.ts     # Env-driven Expo config
-  global.css        # NativeWind globals
+  global.css        # UniWind globals
   package.json      # Scripts and dependencies
   tsconfig.json     # TypeScript config
 ```
@@ -130,7 +131,8 @@ npm run reset-project # Move starter to app-example and create a fresh app
 
 - Location: `template/react-native-starter`
 - Framework: Expo SDK 54 + Expo Router
-- Styling: NativeWind + Tailwind utilities
+- Styling: UniWind
+- AI Readiness: Built-in Agent Skills support
 - State: Zustand stores in `src/store`
 - Data: TanStack Query helpers in `src/api`
 - i18n: `src/lib/i18n` and `src/translations`

package/bin/cli.js

@@ -1,12 +1,12 @@
 #!/usr/bin/env node
-import { Command } from "commander";
+import { intro, outro, text, select, multiselect, spinner, isCancel, cancel, confirm } from "@clack/prompts";
 import path from "path";
 import fs from "fs-extra";
-import { spawnSync } from "child_process";
+import { spawnSync, spawn } from "child_process";
 import chalk from "chalk";
 import { fileURLToPath } from "url";
-import readline from "readline";
-import { stdin as input, stdout as output } from "process";
+import figlet from "figlet";
+import gradient from "gradient-string";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -14,85 +14,6 @@ const packageRoot = path.resolve(__dirname, "..");
 const templateRoot = path.join(packageRoot, "template", "react-native-starter");
 const examplesRoot = path.join(packageRoot, "examples");
 
-const program = new Command();
-
-program
-  .name("create-twinbloc-app")
-  .argument("<project-directory>")
-  .option("--example <name>", "example variant", "base")
-  .option("--skip-install", "skip dependency installation", false)
-  .option("--pm <npm|yarn|pnpm|bun>", "force package manager")
-  .parse(process.argv);
-
-const [projectDirectory] = program.args;
-const options = program.opts();
-
-if (!projectDirectory) {
-  console.error(chalk.red("Project directory is required."));
-  process.exit(1);
-}
-
-const targetDir = path.resolve(process.cwd(), projectDirectory);
-
-const isEmptyDir = async (dir) => {
-  if (!fs.existsSync(dir)) return true;
-  const entries = await fs.readdir(dir);
-  return entries.length === 0;
-};
-
-const resolveExamplePath = (name) => {
-  if (!name || name === "base") return null;
-  return path.join(examplesRoot, name);
-};
-
-const detectPackageManager = () => {
-  if (options.pm) return options.pm;
-  const userAgent = process.env.npm_config_user_agent || "";
-  if (userAgent.includes("pnpm")) return "pnpm";
-  if (userAgent.includes("yarn")) return "yarn";
-  if (userAgent.includes("bun")) return "bun";
-  return "npm";
-};
-
-const cleanLockfilesForBun = async (dir) => {
-  const lockfiles = ["package-lock.json", "yarn.lock", "pnpm-lock.yaml"];
-  await Promise.all(lockfiles.map((file) => fs.remove(path.join(dir, file))));
-};
-
-const runInstall = (dir, pm) => {
-  const cmd = pm === "yarn" ? "yarn" : pm;
-  const args = pm === "npm" ? ["install"] : ["install"];
-  const result = spawnSync(cmd, args, { cwd: dir, stdio: "inherit" });
-  if (result.status !== 0) process.exit(result.status);
-};
-
-const brandPrimary = chalk.hex("#6CABDD");
-const brandDeep = chalk.hex("#1C2C5B");
-const rnBlue = chalk.hex("#61DAFB");
-const uiMuted = chalk.hex("#A0A0A0");
-const uiAccent = chalk.hex("#00F0FF");
-const uiActive = chalk.hex("#FFFFFF");
-const uiSelected = chalk.hex("#00FF9D");
-const uiHighlight = chalk.hex("#FF79C6");
-
-const printBanner = () => {
-  const lines = [
-    "████████╗██╗    ██╗██╗███╗   ██╗██████╗ ██╗      ██████╗  ██████╗",
-    "╚══██╔══╝██║    ██║██║████╗  ██║██╔══██╗██║     ██╔═══██╗██╔════╝",
-    "   ██║   ██║ █╗ ██║██║██╔██╗ ██║██████╔╝██║     ██║   ██║██║",
-    "   ██║   ██║███╗██║██║██║╚██╗██║██╔══██╗██║     ██║   ██║██║",
-    "   ██║   ╚███╔███╔╝██║██║ ╚████║██████╔╝███████╗╚██████╔╝╚██████╗",
-    "   ╚═╝    ╚══╝╚══╝ ╚═╝╚═╝  ╚═══╝╚═════╝ ╚══════╝ ╚═════╝  ╚═════╝",
-  ];
-  lines.forEach((line, index) => {
-    const paint = index < 3 ? brandPrimary : brandDeep;
-    console.log(paint(line));
-  });
-  console.log(brandPrimary("React Native Starter"));
-  console.log(rnBlue("     ⚛  React Native  •  Expo + Router  •  TypeScript  •  Zustand"));
-  console.log("");
-};
-
 const agentDirectories = [
   { key: "agent", path: ".agent/skills", label: "Vscode" },
   { key: "cursor", path: ".cursor", label: "Cursor" },
@@ -100,192 +21,283 @@ const agentDirectories = [
   { key: "windsurf", path: ".windsurf/skills", label: "Windsurf" },
   { key: "codex", path: ".codex/skills", label: "Codex" },
   { key: "antigravity", path: ".agents/skills", label: "Antigravity" },
-  { key: "github", path: ".github/skills", label: "Github" },
+  { key: "copilot", path: ".copilot/skills", label: "Copilot" },
   { key: "kilocode", path: ".kilocode/skills", label: "Kilocode" },
   { key: "opencode", path: ".opencode/skills", label: "Opencode" },
   { key: "trae", path: ".trae/skills", label: "Trae" },
 ];
 
-const getExistingAgentKeys = async (rootDir) => {
-  const existing = new Set();
-  for (const dir of agentDirectories) {
-    if (await fs.pathExists(path.join(rootDir, dir.path))) {
-      existing.add(dir.key);
-    }
-  }
-  return existing;
+const handleCancel = () => {
+  cancel("Operation cancelled.");
+  process.exit(0);
 };
 
-const renderAgentSelectionHeader = () => {
-  output.write("\x1b[2J\x1b[0;0H");
-  printBanner();
-  console.log(uiHighlight.bold("Select agent configs"));
-  console.log(uiMuted("↑/↓ move · space toggle · enter confirm · empty = none"));
+const displayBanner = async () => {
+  console.clear();
+
+  // 1. Logo with Sci-Fi/Cyberpunk feel
+  const title = figlet.textSync("TwinBloc", { font: "Slant" });
+  console.log(gradient.vice.multiline(title));
+
+  // 2. Clean Modern Header
+  console.log(chalk.hex("#4D4D4D")("  ────────────────────────────────────────────────────────────"));
+  console.log(
+    chalk.bold.white("  🚀  The Ultimate React Native Starter") +
+      chalk.hex("#4D4D4D")("  |  ") +
+      chalk.cyan("Expo SDK 54") +
+      chalk.hex("#4D4D4D")("  |  ") +
+      chalk.magenta("AI Powered"),
+  );
+  console.log(chalk.hex("#4D4D4D")("  ────────────────────────────────────────────────────────────\n"));
+
+  // 3. Impactful Tagline
+  console.log(
+    "  " +
+      chalk.bgHex("#6C5CE7").white.bold(" SYSTEM ") +
+      "  " +
+      chalk.bold.italic.white("Undefined boundaries. ") +
+      chalk.bold.italic.cyan("Infinite possibilities."),
+  );
+  console.log("");
+
+  // 4. Feature Highlights (Mini-Grid)
+  const check = chalk.green("✔");
+  console.log(`  ${check} TypeScript First    ${check} UniWind`);
+  console.log(`  ${check} TanStack Query      ${check} Zustand Storage`);
+  console.log("");
+
+  // 5. "Boot Sequence" Animation
+  const s = spinner();
+  const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+
+  s.start(chalk.dim("Initializing neural interface..."));
+  await sleep(800);
+
+  s.message(chalk.dim("Calibrating synergy modules..."));
+  await sleep(800);
+
+  s.message(chalk.dim("Engaging cross-platform engines..."));
+  await sleep(800);
+
+  s.stop(chalk.green("✔ Environment Synchronized. Ready."));
   console.log("");
 };
 
-const renderAgentSelectionList = (choices, selectedKeys, activeIndex, { resetCursor } = {}) => {
-  if (resetCursor) {
-    output.write(`\x1b[${choices.length}A`);
-  }
-  output.write("\x1b[J");
-  choices.forEach((choice, index) => {
-    const isActive = index === activeIndex;
-    const isSelected = selectedKeys.has(choice.key);
-    const pointer = isActive ? uiActive("▸") : uiMuted(" ");
-    const mark = isSelected ? uiSelected("●") : uiMuted("○");
-    const label = isSelected ? uiSelected.bold(choice.label) : uiAccent(choice.label);
-    const line = ` ${pointer} ${mark}  ${label}`;
-    if (isActive) {
-      console.log(chalk.bgHex("#0F2438").hex("#FFFFFF")(line));
-      return;
-    }
-    console.log(line);
-  });
+const getAvailableExamples = async () => {
+  if (!fs.existsSync(examplesRoot)) return [];
+  const entries = await fs.readdir(examplesRoot, { withFileTypes: true });
+  return entries.filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name);
 };
 
-const promptAgentSelection = async (choices, defaultKeys) => {
-  readline.emitKeypressEvents(input);
-  if (input.isTTY) {
-    input.setRawMode(true);
+const main = async () => {
+  await displayBanner();
+
+  intro(chalk.bgHex("#1C2C5B").hex("#FFFFFF")(" Let's configure your Twinbloc Starter application "));
+
+  const projectName = await text({
+    message: "What would you like to name your project?",
+    placeholder: "my-twinbloc-app",
+    validate(value) {
+      if (!value || value.length === 0) return "Value is required!";
+      if (/[^a-z0-9-_]/.test(value)) return "Project name can only contain lowercase letters, numbers, hyphens, and underscores.";
+    },
+  });
+
+  if (isCancel(projectName)) handleCancel();
+
+  const targetDir = path.resolve(process.cwd(), projectName);
+
+  if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
+    const shouldOverwrite = await select({
+      message: `Directory "${projectName}" is not empty. How would you like to proceed?`,
+      options: [
+        { value: "cancel", label: "Cancel operation" },
+        { value: "overwrite", label: "Remove existing files and continue" },
+      ],
+    });
+
+    if (isCancel(shouldOverwrite) || shouldOverwrite === "cancel") handleCancel();
+
+    await fs.remove(targetDir);
   }
 
-  const selectedKeys = new Set(defaultKeys);
-  let activeIndex = 0;
+  // Example Selection
+  const availableExamples = await getAvailableExamples();
+  const exampleOptions = [{ value: "base", label: "Base (Default)" }, ...availableExamples.map((ex) => ({ value: ex, label: ex }))];
 
-  renderAgentSelectionHeader();
-  renderAgentSelectionList(choices, selectedKeys, activeIndex);
+  const example = await select({
+    message: "Select a template variant",
+    options: exampleOptions,
+  });
 
-  return new Promise((resolve) => {
-    const onKeypress = (_str, key) => {
-      if (key.name === "up") {
-        activeIndex = (activeIndex - 1 + choices.length) % choices.length;
-        renderAgentSelectionList(choices, selectedKeys, activeIndex, { resetCursor: true });
-        return;
-      }
-      if (key.name === "down") {
-        activeIndex = (activeIndex + 1) % choices.length;
-        renderAgentSelectionList(choices, selectedKeys, activeIndex, { resetCursor: true });
-        return;
-      }
-      if (key.name === "space") {
-        const choice = choices[activeIndex];
-        if (selectedKeys.has(choice.key)) {
-          selectedKeys.delete(choice.key);
-        } else {
-          selectedKeys.add(choice.key);
-        }
-        renderAgentSelectionList(choices, selectedKeys, activeIndex, { resetCursor: true });
-        return;
-      }
-      if (key.name === "return") {
-        input.off("keypress", onKeypress);
-        if (input.isTTY) {
-          input.setRawMode(false);
-        }
-        output.write("\n");
-        resolve(selectedKeys);
-      }
-    };
+  if (isCancel(example)) handleCancel();
+
+  // Agent Selection
+  const selectedAgents = await multiselect({
+    message: "Select agent configs to include",
+    options: agentDirectories.map((agent) => ({
+      value: agent.key,
+      label: agent.label,
+    })),
+    required: false,
+    hint: "Space to select, Enter to submit",
+  });
+
+  if (isCancel(selectedAgents)) handleCancel();
+
+  const detectPackageManager = () => {
+    const userAgent = process.env.npm_config_user_agent || "";
+    if (userAgent.includes("pnpm")) return "pnpm";
+    if (userAgent.includes("yarn")) return "yarn";
+    if (userAgent.includes("bun")) return "bun";
+    return "npm";
+  };
+
+  const packageManager = detectPackageManager();
 
-    input.on("keypress", onKeypress);
+  const shouldInstall = await confirm({
+    message: "Install dependencies?",
+    initialValue: true,
   });
-};
 
-const main = async () => {
-  const empty = await isEmptyDir(targetDir);
-  if (!empty) {
-    console.error(chalk.red("Target directory must be empty."));
-    process.exit(1);
-  }
+  if (isCancel(shouldInstall)) handleCancel();
 
-  await fs.ensureDir(targetDir);
+  const s = spinner();
+  s.start("Initializing project...");
 
+  // 1. Copy template
   if (!fs.existsSync(templateRoot)) {
-    console.error(chalk.red("Template folder not found."));
+    s.stop("Template folder not found!");
+    console.error(chalk.red("Template folder not found at: " + templateRoot));
     process.exit(1);
   }
 
-  await fs.copy(templateRoot, targetDir);
+  await fs.ensureDir(targetDir);
+  await fs.copy(templateRoot, targetDir, {
+    filter: (src) => {
+      const relativePath = path.relative(templateRoot, src);
+      // Exclude android, ios, agent-skills, node_modules, .expo, and .git folders from the initial copy
+      return (
+        !relativePath.startsWith("android") &&
+        !relativePath.startsWith("ios") &&
+        !relativePath.startsWith("agent-skills") &&
+        !relativePath.includes("node_modules") &&
+        !relativePath.startsWith(".expo") &&
+        // Exclude .git directory but keep .gitignore, .github, etc.
+        relativePath !== ".git" &&
+        !relativePath.startsWith(".git" + path.sep)
+      );
+    },
+  });
 
-  const examplePath = resolveExamplePath(options.example);
-  if (examplePath) {
-    if (!fs.existsSync(examplePath)) {
-      console.error(chalk.red(`Example not found: ${options.example}`));
-      process.exit(1);
+  // 2. Copy example if selected
+  if (example !== "base") {
+    const examplePath = path.join(examplesRoot, example);
+    if (await fs.pathExists(examplePath)) {
+      await fs.copy(examplePath, targetDir, { overwrite: true });
     }
-    await fs.copy(examplePath, targetDir, { overwrite: true });
   }
 
-  const existingAgentKeys = await getExistingAgentKeys(targetDir);
-  const defaultKeys = agentDirectories.filter((dir) => existingAgentKeys.has(dir.key)).map((dir) => dir.key);
-
-  const selectedKeys = await promptAgentSelection(agentDirectories, defaultKeys);
-  const selectedLabels = agentDirectories.filter((dir) => selectedKeys.has(dir.key)).map((dir) => dir.label);
-
-  // Copy skills from .agents/skills (master source) to other selected agents
-  const sourceAgent = agentDirectories.find((d) => d.key === "antigravity");
-  const sourcePath = path.join(targetDir, sourceAgent.path);
-
-  if (await fs.pathExists(sourcePath)) {
-    await Promise.all(
-      agentDirectories
-        .filter((dir) => selectedKeys.has(dir.key) && dir.key !== "antigravity")
-        .map(async (dir) => {
-          const destPath = path.join(targetDir, dir.path);
-          await fs.ensureDir(destPath);
-          await fs.copy(sourcePath, destPath, { overwrite: true });
-        }),
-    );
-  }
+  // 3. Handle Agent Configs
+  // Source agents from the 'agent-skills' directory in the template
+  const agentSkillsRoot = path.join(templateRoot, "agent-skills");
+  const antigravityConfig = agentDirectories.find((d) => d.key === "antigravity");
+  const antigravitySourcePath = path.join(agentSkillsRoot, antigravityConfig.path);
+
+  const selectedKeys = new Set(selectedAgents);
 
-  await Promise.all(agentDirectories.filter((dir) => selectedKeys.has(dir.key)).map((dir) => fs.ensureDir(path.join(targetDir, dir.path))));
+  await Promise.all(
+    agentDirectories.map(async (agent) => {
+      if (!selectedKeys.has(agent.key)) return;
 
-  const dirsToRemove = agentDirectories.filter((dir) => !selectedKeys.has(dir.key));
-  await Promise.all(dirsToRemove.map((dir) => fs.remove(path.join(targetDir, dir.path))));
+      const agentSourcePath = path.join(agentSkillsRoot, agent.path);
+      const agentDestPath = path.join(targetDir, agent.path);
 
-  const appName = path.basename(targetDir);
+      // 1. Try to copy specific agent config if it exists
+      if (await fs.pathExists(agentSourcePath)) {
+        await fs.ensureDir(path.dirname(agentDestPath));
+        await fs.copy(agentSourcePath, agentDestPath, { overwrite: true });
+      }
+      // 2. Fallback: Copy from antigravity if specific config is missing
+      else if (await fs.pathExists(antigravitySourcePath)) {
+        await fs.ensureDir(path.dirname(agentDestPath));
+        await fs.copy(antigravitySourcePath, agentDestPath, { overwrite: true });
+      } else {
+        // Just ensure the directory exists if nothing else
+        await fs.ensureDir(agentDestPath);
+      }
+    }),
+  );
+
+  // 4. Update package.json
   const targetPackageJson = path.join(targetDir, "package.json");
-  if (fs.existsSync(targetPackageJson)) {
+  if (await fs.pathExists(targetPackageJson)) {
     const pkg = await fs.readJson(targetPackageJson);
-    pkg.name = appName;
+    pkg.name = projectName;
     await fs.writeJson(targetPackageJson, pkg, { spaces: 2 });
   }
 
-  const pm = detectPackageManager();
+  // 5. Git init
+  s.message("Initialized git repository");
+  try {
+    spawnSync("git", ["init"], { cwd: targetDir, stdio: "ignore" });
+    spawnSync("git", ["add", "."], { cwd: targetDir, stdio: "ignore" });
+    spawnSync("git", ["commit", "-m", "Initial commit"], { cwd: targetDir, stdio: "ignore" });
+  } catch (e) {
+    // ignore
+  }
+
+  if (shouldInstall) {
+    s.message(`Installing dependencies via ${packageManager}`);
 
-  if (!options.skipInstall) {
-    if (pm === "bun") {
-      await cleanLockfilesForBun(targetDir);
+    // Clean lockfiles for bun if needed (from original logic)
+    if (packageManager === "bun") {
+      const lockfiles = ["package-lock.json", "yarn.lock", "pnpm-lock.yaml"];
+      await Promise.all(lockfiles.map((file) => fs.remove(path.join(targetDir, file))));
+    }
+
+    const installCmd = packageManager === "yarn" ? "yarn" : packageManager;
+    const installArgs = ["install"];
+
+    try {
+      await new Promise((resolve, reject) => {
+        const child = spawn(installCmd, installArgs, {
+          cwd: targetDir,
+          stdio: "ignore",
+        });
+
+        child.on("close", (code) => {
+          if (code === 0) resolve();
+          else reject(new Error(`Installation failed with code ${code}`));
+        });
+
+        child.on("error", (err) => reject(err));
+      });
+    } catch (error) {
+      s.stop("Failed to install dependencies.");
+      console.error(chalk.red("Error installing dependencies."));
+      process.exit(1);
     }
-    runInstall(targetDir, pm);
   }
 
-  const runCommand = pm === "npm" ? "npm run" : pm;
-  const execCommand = pm === "npm" ? "npx" : pm;
+  s.stop("Project created successfully!");
 
-  printBanner();
-  console.log(
-    [
-      uiSelected.bold("Project created successfully."),
-      "",
-      uiMuted(`Agent configs: ${selectedLabels.length > 0 ? selectedLabels.join(", ") : "none"}`),
-      "",
-      uiHighlight("Next steps"),
-      uiAccent(`  cd ${appName}`),
-      options.skipInstall ? uiAccent(`  ${pm} install`) : null,
-      uiAccent(`  ${runCommand} start`),
-      "",
-      uiHighlight("Then"),
-      uiMuted(`  - Build a dev client (if you haven’t): ${execCommand} expo run:ios / ${execCommand} expo run:android`),
-      uiMuted("  - Open the app from the dev client on your device or simulator"),
-    ]
-      .filter(Boolean)
-      .join("\n"),
-  );
+  outro(`Your Twinbloc Start app is ready in '${projectName}'.`);
+
+  const runCommand = packageManager === "npm" ? "npm run" : packageManager;
+  const execCommand = packageManager === "npm" ? "npx" : packageManager;
+
+  console.log(chalk.dim("Next steps:"));
+  console.log(chalk.blue(`  cd ${projectName}`));
+  if (!shouldInstall) {
+    console.log(chalk.blue(`  ${packageManager} install`));
+  }
+  console.log(chalk.blue(`  ${runCommand} start`));
+  console.log("");
+  console.log(chalk.dim(`  - Build a dev client: ${execCommand} expo run:ios / ${execCommand} expo run:android`));
 };
 
-main().catch((error) => {
-  console.error(chalk.red(error.message));
+main().catch((err) => {
+  console.error(err);
   process.exit(1);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-twinbloc-app",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "React Native starter template with optional examples",
   "type": "module",
   "bin": {
@@ -20,7 +20,7 @@
     "cli",
     "create-app"
   ],
-  "author": "teepheh-git",
+  "author": "Twinbloc Studios",
   "license": "MIT",
   "engines": {
     "node": ">=18"
@@ -30,9 +30,12 @@
     "test": "node ./bin/cli.js --help"
   },
   "dependencies": {
+    "@clack/prompts": "^1.0.0",
     "chalk": "^5.4.1",
     "commander": "^12.1.0",
-    "fs-extra": "^11.2.0"
+    "figlet": "^1.10.0",
+    "fs-extra": "^11.2.0",
+    "gradient-string": "^3.0.0"
   },
   "devDependencies": {
     "eslint": "^8.57.1"

package/template/react-native-starter/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Twinbloc Studios
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/template/react-native-starter/package.json

@@ -2,6 +2,7 @@
   "name": "react-native-starter",
   "main": "expo-router/entry",
   "version": "1.0.0",
+  "license": "MIT",
   "expo": {
     "doctor": {
       "reactNativeDirectoryCheck": {
@@ -14,6 +15,7 @@
   "packageManager": "pnpm@9.15.2",
   "scripts": {
     "start": "expo start",
+    "doctor": "npx expo-doctor",
     "reset-project": "node ./app-example/scripts/reset-project.js",
     "android": "expo run:android",
     "ios": "expo run:ios",

package/template/react-native-starter/uniwind-types.d.ts

@@ -1,10 +1,10 @@
 // NOTE: This file is generated by uniwind and it should not be edited manually.
 /// <reference types="uniwind/types" />
 
-declare module 'uniwind' {
-    export interface UniwindConfig {
-        themes: readonly ['light', 'dark']
-    }
+declare module "uniwind" {
+  export interface UniwindConfig {
+    themes: readonly ["light", "dark"];
+  }
 }
 
-export {}
+export {};