@selesai/code 0.10.1 → 0.10.2

package/dist/modes/interactive/interactive-mode.js

@@ -48,6 +48,7 @@ import { CustomEntryComponent } from "./components/custom-entry.js";
 import { CustomMessageComponent } from "./components/custom-message.js";
 import { DaxnutsComponent } from "./components/daxnuts.js";
 import { DynamicBorder } from "./components/dynamic-border.js";
+import { StartupBox } from "./components/startup-box.js";
 import { EarendilAnnouncementComponent } from "./components/earendil-announcement.js";
 import { ExtensionEditorComponent } from "./components/extension-editor.js";
 import { ExtensionInputComponent } from "./components/extension-input.js";
@@ -99,6 +100,15 @@ function isDeadTerminalError(error) {
     return code !== undefined && DEAD_TERMINAL_ERROR_CODES.has(code);
 }
 const ANTHROPIC_SUBSCRIPTION_AUTH_WARNING = "Anthropic subscription auth is active. Third-party harness usage draws from extra usage and is billed per token, not your Claude plan limits. Manage extra usage at https://claude.ai/settings/usage. Disable this warning in /settings.";
+const SELESAI_LOGO = [
+    " ____    ____    __       ____    ____    ______  ______",
+    "/\\  _`\\ /\\  _`\\ /\\ \\     /\\  _`\\ /\\  _`\\ /\\  _  \\/\\__  _\\",
+    "\\ \\,\\L\\_\\ \\ \\L\\_\\ \\ \\    \\ \\ \\L\\_\\ \\,\\L\\_\\ \\ \\L\\ \\/_/\\ \\/",
+    " \\/_\\__ \\\\ \\  _\\L\\ \\ \\  __\\ \\  _\\L\\/_\\__ \\\\ \\  __ \\ \\ \\ \\",
+    "   /\\ \\L\\ \\ \\ \\L\\ \\ \\ \\L\\ \\\\ \\ \\L\\ \\/\\ \\L\\ \\ \\ \\/\\ \\ \\_\\ \\__",
+    "   \\ `\\____\\ \\____/\\ \\____/ \\ \\____/\\ `\\____\\ \\_\\ \\_\\/\\_____\\",
+    "    \\/_____/\\/___/  \\/___/   \\/___/  \\/_____/\\/_/\\/_/\\/_____/",
+].join("\n");
 function isAnthropicSubscriptionAuthKey(apiKey) {
     return typeof apiKey === "string" && apiKey.startsWith("sk-ant-oat");
 }
@@ -310,6 +320,8 @@ export class InteractiveMode {
     headerContainer;
     // Built-in header (logo + keybinding hints + changelog)
     builtInHeader = undefined;
+    // Startup banner (logo + loaded resources) dismisses on first user message
+    startupBannerDismissed = false;
     // Custom header from extension (undefined = use built-in header)
     customHeader = undefined;
     options;
@@ -665,52 +677,36 @@ export class InteractiveMode {
         this.ui.start();
         this.isInitialized = true;
         await this.themeController.applyFromSettings();
-        // Add header with keybindings from config (unless silenced)
-        if (this.options.verbose || !this.settingsManager.getQuietStartup()) {
-            const logo = theme.bold(theme.fg("accent", APP_NAME)) + theme.fg("dim", ` v${this.version}`);
-            // Build startup instructions using keybinding hint helpers
-            const hint = (keybinding, description) => keyHint(keybinding, description);
-            const expandedInstructions = [
-                hint("app.interrupt", "to interrupt"),
-                hint("app.clear", "to clear"),
-                rawKeyHint(`${keyText("app.clear")} twice`, "to exit"),
-                hint("app.exit", "to exit (empty)"),
-                hint("app.suspend", "to suspend"),
-                keyHint("tui.editor.deleteToLineEnd", "to delete to end"),
-                hint("app.thinking.cycle", "to cycle thinking level"),
-                rawKeyHint(`${keyText("app.model.cycleForward")}/${keyText("app.model.cycleBackward")}`, "to cycle models"),
-                hint("app.model.select", "to select model"),
-                hint("app.tools.expand", "to expand tools"),
-                hint("app.thinking.toggle", "to expand thinking"),
-                hint("app.editor.external", "for external editor"),
-                rawKeyHint("/", "for commands"),
-                rawKeyHint("!", "to run bash"),
-                rawKeyHint("!!", "to run bash (no context)"),
-                hint("app.message.followUp", "to queue follow-up"),
-                hint("app.message.dequeue", "to edit all queued messages"),
-                hint("app.clipboard.pasteImage", "to paste image (with text fallback)"),
-                rawKeyHint("drop files", "to attach"),
-            ].join("\n");
-            const compactInstructions = [
-                hint("app.interrupt", "interrupt"),
-                rawKeyHint(`${keyText("app.clear")}/${keyText("app.exit")}`, "clear/exit"),
-                rawKeyHint("/", "commands"),
-                rawKeyHint("!", "bash"),
-                hint("app.tools.expand", "more"),
-            ].join(theme.fg("muted", " · "));
-            const compactOnboarding = theme.fg("dim", `Press ${keyText("app.tools.expand")} to show full startup help and loaded resources.`);
-            const onboarding = theme.fg("dim", `Pi can explain its own features and look up its docs. Ask it how to use or extend Pi.`);
-            this.builtInHeader = new ExpandableText(() => `${logo}\n${compactInstructions}\n${compactOnboarding}\n\n${onboarding}`, () => `${logo}\n${expandedInstructions}\n\n${onboarding}`, this.getStartupExpansionState(), 1, 0);
-            // Setup UI layout
-            this.headerContainer.addChild(new Spacer(1));
-            this.headerContainer.addChild(this.builtInHeader);
-            this.headerContainer.addChild(new Spacer(1));
-        }
-        else {
-            // Minimal header when silenced
-            this.builtInHeader = new Text("", 0, 0);
-            this.headerContainer.addChild(this.builtInHeader);
-        }
+        // Brand banner always appears; quiet startup only hides keybinding help.
+        const logo = `${theme.bold(theme.fg("accent", SELESAI_LOGO))}\n${theme.fg("dim", `  ${APP_NAME} v${this.version} · /help for commands`)}`;
+        // Build startup instructions using keybinding hint helpers
+        const hint = (keybinding, description) => keyHint(keybinding, description);
+        const expandedInstructions = [
+            hint("app.interrupt", "to interrupt"),
+            hint("app.clear", "to clear"),
+            rawKeyHint(`${keyText("app.clear")} twice`, "to exit"),
+            hint("app.exit", "to exit (empty)"),
+            hint("app.suspend", "to suspend"),
+            keyHint("tui.editor.deleteToLineEnd", "to delete to end"),
+            hint("app.thinking.cycle", "to cycle thinking level"),
+            rawKeyHint(`${keyText("app.model.cycleForward")}/${keyText("app.model.cycleBackward")}`, "to cycle models"),
+            hint("app.model.select", "to select model"),
+            hint("app.tools.expand", "to expand tools"),
+            hint("app.thinking.toggle", "to expand thinking"),
+            hint("app.editor.external", "for external editor"),
+            rawKeyHint("/", "for commands"),
+            rawKeyHint("!", "to run bash"),
+            rawKeyHint("!!", "to run bash (no context)"),
+            hint("app.message.followUp", "to queue follow-up"),
+            hint("app.message.dequeue", "to edit all queued messages"),
+            hint("app.clipboard.pasteImage", "to paste image (with text fallback)"),
+            rawKeyHint("drop files", "to attach"),
+        ].join("\n");
+        this.builtInHeader = new ExpandableText(() => logo, () => `${logo}\n\n${expandedInstructions}`, this.getStartupExpansionState(), 1, 0);
+        // Setup UI layout
+        this.headerContainer.addChild(new Spacer(1));
+        this.headerContainer.addChild(this.builtInHeader);
+        this.headerContainer.addChild(new Spacer(1));
         this.ui.requestRender();
         // Ensure fd and rg are available after mounting the TUI (downloads if missing, adds to PATH via getBinDir)
         // so slow downloads do not make startup appear frozen.
@@ -1235,25 +1231,14 @@ export class InteractiveMode {
     }
     showLoadedResources(options) {
         // Resource rendering is idempotent; chat clears no longer clear this separate container.
+        if (this.startupBannerDismissed)
+            return;
         this.loadedResourcesContainer.clear();
-        const showListing = options?.force || this.options.verbose || !this.settingsManager.getQuietStartup();
+        const showListing = options?.force || !this.startupBannerDismissed || this.options.verbose || !this.settingsManager.getQuietStartup();
         const showDiagnostics = showListing || options?.showDiagnosticsWhenQuiet === true;
         if (!showListing && !showDiagnostics) {
             return;
         }
-        const sectionHeader = (name, color = "mdHeading") => theme.fg(color, `[${name}]`);
-        const formatCompactList = (items, options) => {
-            const labels = items.map((item) => item.trim()).filter((item) => item.length > 0);
-            if (options?.sort !== false) {
-                labels.sort((a, b) => a.localeCompare(b));
-            }
-            return theme.fg("dim", `  ${labels.join(", ")}`);
-        };
-        const addLoadedSection = (name, collapsedBody, expandedBody = collapsedBody, color = "mdHeading") => {
-            const section = new ExpandableText(() => `${sectionHeader(name, color)}\n${collapsedBody}`, () => `${sectionHeader(name, color)}\n${expandedBody}`, this.getStartupExpansionState(), 0, 0);
-            this.loadedResourcesContainer.addChild(section);
-            this.loadedResourcesContainer.addChild(new Spacer(1));
-        };
         const skillsResult = this.session.resourceLoader.getSkills();
         const promptsResult = this.session.resourceLoader.getPrompts();
         const themesResult = this.session.resourceLoader.getThemes();
@@ -1287,70 +1272,16 @@ export class InteractiveMode {
             }
         }
         if (showListing) {
-            const systemPromptSource = this.session.resourceLoader.getSystemPromptSource();
-            const contextFiles = [
-                ...(systemPromptSource ? [systemPromptSource] : []),
-                ...this.session.resourceLoader.getAppendSystemPromptSources(),
-                ...this.session.resourceLoader.getAgentsFiles().agentsFiles,
-            ];
-            if (contextFiles.length > 0) {
-                this.loadedResourcesContainer.addChild(new Spacer(1));
-                const contextList = contextFiles
-                    .map((f) => theme.fg("dim", `  ${this.formatDisplayPath(f.path)}`))
-                    .join("\n");
-                const contextCompactList = formatCompactList(contextFiles.map((contextFile) => this.formatContextPath(contextFile.path)), { sort: false });
-                addLoadedSection("Context", contextCompactList, contextList);
-            }
             const skills = skillsResult.skills;
             if (skills.length > 0) {
-                const groups = this.buildScopeGroups(skills.map((skill) => ({ path: skill.filePath, sourceInfo: skill.sourceInfo })));
-                const skillList = this.formatScopeGroups(groups, {
-                    formatPath: (item) => this.formatDisplayPath(item.path),
-                    formatPackagePath: (item) => this.getShortPath(item.path, item.sourceInfo),
-                });
-                const skillCompactList = formatCompactList(skills.map((skill) => skill.name));
-                addLoadedSection("Skills", skillCompactList, skillList);
-            }
-            const templates = this.session.promptTemplates;
-            if (templates.length > 0) {
-                const groups = this.buildScopeGroups(templates.map((template) => ({ path: template.filePath, sourceInfo: template.sourceInfo })));
-                const templateByPath = new Map(templates.map((t) => [t.filePath, t]));
-                const templateList = this.formatScopeGroups(groups, {
-                    formatPath: (item) => {
-                        const template = templateByPath.get(item.path);
-                        return template ? `/${template.name}` : this.formatDisplayPath(item.path);
-                    },
-                    formatPackagePath: (item) => {
-                        const template = templateByPath.get(item.path);
-                        return template ? `/${template.name}` : this.formatDisplayPath(item.path);
-                    },
-                });
-                const promptCompactList = formatCompactList(templates.map((template) => `/${template.name}`));
-                addLoadedSection("Prompts", promptCompactList, templateList);
-            }
-            if (extensions.length > 0) {
-                const groups = this.buildScopeGroups(extensions);
-                const extList = this.formatScopeGroups(groups, {
-                    formatPath: (item) => this.formatExtensionDisplayPath(item.path),
-                    formatPackagePath: (item) => this.formatExtensionDisplayPath(this.getShortPath(item.path, item.sourceInfo)),
-                });
-                const extensionCompactList = formatCompactList(this.getCompactExtensionLabels(extensions));
-                addLoadedSection("Extensions", extensionCompactList, extList, "mdHeading");
-            }
-            // Show loaded themes (excluding built-in)
-            const loadedThemes = themesResult.themes;
-            const customThemes = loadedThemes.filter((t) => t.sourcePath);
-            if (customThemes.length > 0) {
-                const groups = this.buildScopeGroups(customThemes.map((loadedTheme) => ({
-                    path: loadedTheme.sourcePath,
-                    sourceInfo: loadedTheme.sourceInfo,
-                })));
-                const themeList = this.formatScopeGroups(groups, {
-                    formatPath: (item) => this.formatDisplayPath(item.path),
-                    formatPackagePath: (item) => this.getShortPath(item.path, item.sourceInfo),
-                });
-                const themeCompactList = formatCompactList(customThemes.map((loadedTheme) => loadedTheme.name ?? this.getCompactPathLabel(loadedTheme.sourcePath, loadedTheme.sourceInfo)));
-                addLoadedSection("Themes", themeCompactList, themeList);
+                const skillLabels = skills.map((skill) => skill.category ? `[${skill.category}] ${skill.name}` : skill.name);
+                this.loadedResourcesContainer.addChild(new StartupBox("Skills", skillLabels));
+                this.loadedResourcesContainer.addChild(new Spacer(1));
+            }
+            const tools = this.session.getActiveToolNames();
+            if (tools.length > 0) {
+                this.loadedResourcesContainer.addChild(new StartupBox("Tools", tools));
+                this.loadedResourcesContainer.addChild(new Spacer(1));
             }
         }
         if (showDiagnostics) {
@@ -1391,6 +1322,15 @@ export class InteractiveMode {
             }
         }
     }
+    /** Dismiss the startup banner (logo + loaded resources) on first user message. */
+    dismissStartupBanner() {
+        if (this.startupBannerDismissed)
+            return;
+        this.startupBannerDismissed = true;
+        this.headerContainer.clear();
+        this.loadedResourcesContainer.clear();
+        this.ui.requestRender();
+    }
     /**
      * Initialize the extension system with TUI-based UI context.
      */
@@ -2496,6 +2436,7 @@ export class InteractiveMode {
                         this.editor.setText(text);
                         return;
                     }
+                    this.dismissStartupBanner();
                     this.editor.addToHistory?.(text);
                     await this.handleBashCommand(command, isExcluded);
                     this.isBashMode = false;
@@ -2506,11 +2447,13 @@ export class InteractiveMode {
             // Queue input during compaction (extension commands execute immediately)
             if (this.session.isCompacting) {
                 if (this.isExtensionCommand(text)) {
+                    this.dismissStartupBanner();
                     this.editor.addToHistory?.(text);
                     this.editor.setText("");
                     await this.session.prompt(text, { images });
                 }
                 else {
+                    this.dismissStartupBanner();
                     this.queueCompactionMessage(text, "steer", images);
                 }
                 return;
@@ -2518,6 +2461,7 @@ export class InteractiveMode {
             // If streaming, use prompt() with steer behavior
             // This handles extension commands (execute immediately), prompt template expansion, and queueing
             if (this.session.isStreaming) {
+                this.dismissStartupBanner();
                 this.editor.addToHistory?.(text);
                 this.editor.setText("");
                 await this.session.prompt(text, { streamingBehavior: "steer", images });
@@ -2528,6 +2472,7 @@ export class InteractiveMode {
             // Normal message submission
             // First, move any pending bash components to chat
             this.flushPendingBashComponents();
+            this.dismissStartupBanner();
             const input = { text, images };
             if (this.onInputCallback) {
                 this.onInputCallback(input);
@@ -3103,6 +3048,10 @@ export class InteractiveMode {
             const times = compactionCount === 1 ? "1 time" : `${compactionCount} times`;
             this.showStatus(`Session compacted ${times}`);
         }
+        // Resume: jump to the end of the transcript
+        if (entries.length > 0) {
+            this.transcriptScrollView?.scrollToEnd();
+        }
     }
     renderProjectTrustWarningIfNeeded() {
         if (this.settingsManager.isProjectTrusted() || !hasTrustRequiringProjectResources(this.sessionManager.getCwd())) {

package/dist/package-manager-cli.js

@@ -52,91 +52,91 @@ function getPackageCommandUsage(command) {
 }
 const CONFIG_COMMAND_USAGE = `${APP_NAME} config [-l] [--approve|--no-approve]`;
 function printConfigCommandHelp() {
-    console.log(`${chalk.bold("Usage:")}
-  ${CONFIG_COMMAND_USAGE}
-
-Open the resource configuration TUI to enable or disable package resources.
-Without -l, starts in global settings (~/${CONFIG_DIR_NAME}/agent/settings.json).
-Press Tab in the TUI to switch between global and project-local modes.
-
-Options:
-  -l, --local       Edit project overrides (${CONFIG_DIR_NAME}/settings.json)
-  -a, --approve     Trust project-local files for this command with -l
-  -na, --no-approve Ignore project-local files for this command with -l
+    console.log(`${chalk.bold("Usage:")}
+  ${CONFIG_COMMAND_USAGE}
+
+Open the resource configuration TUI to enable or disable package resources.
+Without -l, starts in global settings (~/${CONFIG_DIR_NAME}/agent/settings.json).
+Press Tab in the TUI to switch between global and project-local modes.
+
+Options:
+  -l, --local       Edit project overrides (${CONFIG_DIR_NAME}/settings.json)
+  -a, --approve     Trust project-local files for this command with -l
+  -na, --no-approve Ignore project-local files for this command with -l
 `);
 }
 function printPackageCommandHelp(command) {
     switch (command) {
         case "install":
-            console.log(`${chalk.bold("Usage:")}
-  ${getPackageCommandUsage("install")}
-
-Install a package and add it to settings.
-
-Options:
-  -l, --local       Install project-locally (${CONFIG_DIR_NAME}/settings.json)
-  -a, --approve     Trust project-local files for this command
-  -na, --no-approve Ignore project-local files for this command
-
-Examples:
-  ${APP_NAME} install npm:@foo/bar
-  ${APP_NAME} install git:github.com/user/repo
-  ${APP_NAME} install git:git@github.com:user/repo
-  ${APP_NAME} install https://github.com/user/repo
-  ${APP_NAME} install ssh://git@github.com/user/repo
-  ${APP_NAME} install ./local/path
+            console.log(`${chalk.bold("Usage:")}
+  ${getPackageCommandUsage("install")}
+
+Install a package and add it to settings.
+
+Options:
+  -l, --local       Install project-locally (${CONFIG_DIR_NAME}/settings.json)
+  -a, --approve     Trust project-local files for this command
+  -na, --no-approve Ignore project-local files for this command
+
+Examples:
+  ${APP_NAME} install npm:@foo/bar
+  ${APP_NAME} install git:github.com/user/repo
+  ${APP_NAME} install git:git@github.com:user/repo
+  ${APP_NAME} install https://github.com/user/repo
+  ${APP_NAME} install ssh://git@github.com/user/repo
+  ${APP_NAME} install ./local/path
 `);
             return;
         case "remove":
-            console.log(`${chalk.bold("Usage:")}
-  ${getPackageCommandUsage("remove")}
-
-Remove a package and its source from settings.
-Alias: ${APP_NAME} uninstall <source> [-l]
-
-Options:
-  -l, --local       Remove from project settings (${CONFIG_DIR_NAME}/settings.json)
-  -a, --approve     Trust project-local files for this command
-  -na, --no-approve Ignore project-local files for this command
-
-Examples:
-  ${APP_NAME} remove npm:@foo/bar
-  ${APP_NAME} uninstall npm:@foo/bar
+            console.log(`${chalk.bold("Usage:")}
+  ${getPackageCommandUsage("remove")}
+
+Remove a package and its source from settings.
+Alias: ${APP_NAME} uninstall <source> [-l]
+
+Options:
+  -l, --local       Remove from project settings (${CONFIG_DIR_NAME}/settings.json)
+  -a, --approve     Trust project-local files for this command
+  -na, --no-approve Ignore project-local files for this command
+
+Examples:
+  ${APP_NAME} remove npm:@foo/bar
+  ${APP_NAME} uninstall npm:@foo/bar
 `);
             return;
         case "update":
-            console.log(`${chalk.bold("Usage:")}
-  ${getPackageCommandUsage("update")}
-
-Update pi, installed packages, or model catalogs.
-
-Options:
-  --self                  Update pi only (default when no target is given)
-  --extensions            Update installed packages only
-  --models                Refresh model catalogs only
-  --all                   Update pi and installed packages
-  --extension <source>    Update one package only
-  -a, --approve           Trust project-local files for this command
-  -na, --no-approve       Ignore project-local files for this command
-  --force                 Reinstall pi even if the current version is latest
-
-Short forms:
-  ${APP_NAME} update                Update pi only
-  ${APP_NAME} update --all          Update pi and all extensions
-  ${APP_NAME} update --models       Refresh model catalogs only
-  ${APP_NAME} update <source>       Update one package
-  ${APP_NAME} update pi             Update pi only (self works as alias to pi)
+            console.log(`${chalk.bold("Usage:")}
+  ${getPackageCommandUsage("update")}
+
+Update pi, installed packages, or model catalogs.
+
+Options:
+  --self                  Update pi only (default when no target is given)
+  --extensions            Update installed packages only
+  --models                Refresh model catalogs only
+  --all                   Update pi and installed packages
+  --extension <source>    Update one package only
+  -a, --approve           Trust project-local files for this command
+  -na, --no-approve       Ignore project-local files for this command
+  --force                 Reinstall pi even if the current version is latest
+
+Short forms:
+  ${APP_NAME} update                Update pi only
+  ${APP_NAME} update --all          Update pi and all extensions
+  ${APP_NAME} update --models       Refresh model catalogs only
+  ${APP_NAME} update <source>       Update one package
+  ${APP_NAME} update pi             Update pi only (self works as alias to pi)
 `);
             return;
         case "list":
-            console.log(`${chalk.bold("Usage:")}
-  ${getPackageCommandUsage("list")}
-
-List installed packages from user and project settings.
-
-Options:
-  -a, --approve      Trust project-local files for this command
-  -na, --no-approve  Ignore project-local files for this command
+            console.log(`${chalk.bold("Usage:")}
+  ${getPackageCommandUsage("list")}
+
+List installed packages from user and project settings.
+
+Options:
+  -a, --approve      Trust project-local files for this command
+  -na, --no-approve  Ignore project-local files for this command
 `);
             return;
     }

package/dist/skills/agent-browser/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: agent-browser
+category: automation
 description: Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.
 allowed-tools: Bash(agent-browser:*), Bash(npx agent-browser:*)
 hidden: true

package/dist/skills/batch-grill-me/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: batch-grill-me
+category: interview
 description: A relentless interview that asks every frontier question at once, round by round.
 disable-model-invocation: true
 ---

package/dist/skills/brandkit/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: brandkit
+category: design
 description: Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
 license: MIT
 ---

package/dist/skills/design-references/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: design-references
+category: design
 description: Design-reference lookup from VoltAgent's Awesome DESIGN.md collection. Use when the user asks for design references or inspiration, or wants a page/product to feel like a known site or brand (Linear, Stripe, Apple, etc.).
 license: MIT
 ---

package/dist/skills/design-taste-frontend/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: design-taste-frontend
+category: design
 description: Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
 license: MIT
 ---

package/dist/skills/design-taste-frontend-v1/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: design-taste-frontend-v1
+category: design
 description: The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.
 license: MIT
 ---

package/dist/skills/full-output-enforcement/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: full-output-enforcement
+category: discipline
 description: Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.
 license: MIT
 ---

package/dist/skills/gpt-taste/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: gpt-taste
+category: design
 description: Elite 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.
 license: MIT
 ---

package/dist/skills/grill-me/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: grill-me
+category: interview
 description: Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".
 ---
 

package/dist/skills/handoff/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: handoff
+category: handoff
 description: Compact the current conversation into a handoff document for another agent to pick up.
 argument-hint: "What will the next session be used for?"
 disable-model-invocation: true

package/dist/skills/handoff-text/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: handoff-text
+category: handoff
 description: Compact the current conversation into a handoff document for another agent to pick up.
 argument-hint: "What will the next session be used for?"
 disable-model-invocation: true

package/dist/skills/high-end-visual-design/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: high-end-visual-design
+category: design
 description: Teaches 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.
 license: MIT
 ---

package/dist/skills/image-to-code/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: image-to-code
+category: imagegen
 description: Elite 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.
 license: MIT
 ---

package/dist/skills/imagegen-frontend-mobile/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: imagegen-frontend-mobile
+category: imagegen
 description: Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
 license: MIT
 ---

package/dist/skills/imagegen-frontend-web/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: imagegen-frontend-web
+category: imagegen
 description: Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
 license: MIT
 ---

package/dist/skills/implanger/SKILL.md

@@ -1,5 +1,6 @@
 ---
 name: implanger
+category: planning
 description: Execute the Planger's style planning
 argument-hint: "For Subagent to be able to understand Planger and can execute it perfectly"
 disable-model-invocation: true