@forwardimpact/pathway 0.16.0 → 0.17.0

package/src/formatters/agent/profile.js

@@ -22,13 +22,6 @@ import {
  * @property {string} content - Working style content (markdown)
  */
 
-/**
- * @typedef {Object} ChecklistEntry
- * @property {{id: string, name: string}} skill - Skill info
- * @property {{id: string, name: string, emojiIcon: string}} capability - Capability info
- * @property {string[]} items - Checklist items
- */
-
 /**
  * Prepare agent profile data for template rendering
  * Normalizes string values by trimming trailing newlines for consistent template output.
@@ -49,8 +42,6 @@ import {
  * @param {Array<{name: string, dirname: string, useWhen: string}>} params.bodyData.skillIndex - Skill index entries
  * @param {string} params.bodyData.roleContext - Role context text
  * @param {WorkingStyleEntry[]} params.bodyData.workingStyles - Working style entries
- * @param {ChecklistEntry[]} [params.bodyData.readChecklist] - Read-Then-Do Checklist entries
- * @param {ChecklistEntry[]} [params.bodyData.confirmChecklist] - Do-Then-Confirm Checklist entries
  * @param {string[]} params.bodyData.constraints - List of constraints
  * @param {Array<{id: string, name: string, description: string}>} [params.bodyData.agentIndex] - List of all available agents
  * @param {boolean} [params.bodyData.hasAgentIndex] - Whether agent index is available
@@ -81,20 +72,6 @@ function prepareAgentProfileData({ frontmatter, bodyData }) {
     content: "required",
   });
 
-  // Process readChecklist: trim items in each entry
-  const readChecklist = (bodyData.readChecklist || []).map((entry) => ({
-    skill: entry.skill,
-    capability: entry.capability,
-    items: (entry.items || []).map((item) => trimRequired(item)),
-  }));
-
-  // Process confirmChecklist: trim items in each entry
-  const confirmChecklist = (bodyData.confirmChecklist || []).map((entry) => ({
-    skill: entry.skill,
-    capability: entry.capability,
-    items: (entry.items || []).map((item) => trimRequired(item)),
-  }));
-
   return {
     // Frontmatter - flatten description for single-line front matter
     name: frontmatter.name,
@@ -115,10 +92,6 @@ function prepareAgentProfileData({ frontmatter, bodyData }) {
     roleContext: trimValue(bodyData.roleContext),
     workingStyles,
     hasWorkingStyles: workingStyles.length > 0,
-    readChecklist,
-    hasReadChecklist: readChecklist.length > 0,
-    confirmChecklist,
-    hasConfirmChecklist: confirmChecklist.length > 0,
     constraints,
     hasConstraints: constraints.length > 0,
     agentIndex,
@@ -143,8 +116,6 @@ function prepareAgentProfileData({ frontmatter, bodyData }) {
  * @param {Array<{name: string, dirname: string, useWhen: string}>} profile.bodyData.skillIndex - Skill index entries
  * @param {string} profile.bodyData.roleContext - Role context text
  * @param {WorkingStyleEntry[]} profile.bodyData.workingStyles - Working style entries
- * @param {ChecklistEntry[]} [profile.bodyData.readChecklist] - Read-Then-Do Checklist entries (optional)
- * @param {ChecklistEntry[]} [profile.bodyData.confirmChecklist] - Do-Then-Confirm Checklist entries (optional)
  * @param {string[]} profile.bodyData.constraints - List of constraints
  * @param {string} template - Mustache template string
  * @returns {string} Complete .agent.md file content

package/src/formatters/agent/skill.js

@@ -1,8 +1,9 @@
 /**
  * Agent Skill Formatter
  *
- * Formats agent skill data into SKILL.md file content
- * following the Agent Skills Standard specification.
+ * Formats agent skill data into SKILL.md, scripts/install.sh, and
+ * references/REFERENCE.md file content following the Agent Skills Standard
+ * specification with progressive disclosure.
  *
  * Uses Mustache templates for flexible output formatting.
  * Templates are loaded from data/ directory with fallback to templates/ directory.
@@ -13,6 +14,13 @@ import Mustache from "mustache";
 import { trimValue, splitLines, trimFields } from "../shared.js";
 import { flattenToLine } from "../template-preprocess.js";
 
+/**
+ * Lowercase the first character of a string
+ * @param {string} s
+ * @returns {string}
+ */
+const lcFirst = (s) => (s ? s[0].toLowerCase() + s.slice(1) : s);
+
 /**
  * Prepare agent skill data for template rendering
  * Normalizes string values by trimming trailing newlines for consistent template output.
@@ -23,7 +31,9 @@ import { flattenToLine } from "../template-preprocess.js";
  * @param {string} [params.frontmatter.useWhen] - When to use this skill
  * @param {string} params.title - Human-readable skill title for heading
  * @param {Array} params.stages - Array of stage objects with stageName, focus, readChecklist, confirmChecklist
- * @param {string} params.reference - Reference content (markdown)
+ * @param {string} params.instructions - Workflow guidance content (markdown)
+ * @param {string} params.installScript - Shell commands for install script
+ * @param {string} params.implementationReference - Reference content (markdown)
  * @param {Array} [params.toolReferences] - Array of tool reference objects
  * @returns {Object} Data object ready for Mustache template
  */
@@ -31,7 +41,9 @@ function prepareAgentSkillData({
   frontmatter,
   title,
   stages,
-  reference,
+  instructions,
+  installScript,
+  implementationReference,
   toolReferences,
 }) {
   // Process stages - trim focus and array values
@@ -43,12 +55,14 @@ function prepareAgentSkillData({
 
   // Flatten multi-line strings to single line for front matter compatibility
   const description = flattenToLine(frontmatter.description);
-  const useWhen = flattenToLine(frontmatter.useWhen);
+  const useWhen = lcFirst(flattenToLine(frontmatter.useWhen));
 
   // Keep line arrays for body rendering
   const descriptionLines = splitLines(frontmatter.description);
 
-  const trimmedReference = trimValue(reference) || "";
+  const trimmedInstructions = trimValue(instructions) || "";
+  const trimmedInstallScript = trimValue(installScript) || "";
+  const trimmedReference = trimValue(implementationReference) || "";
   const tools = toolReferences || [];
 
   return {
@@ -63,7 +77,11 @@ function prepareAgentSkillData({
     title,
     stages: processedStages,
     hasStages: processedStages.length > 0,
-    reference: trimmedReference,
+    instructions: trimmedInstructions,
+    hasInstructions: !!trimmedInstructions,
+    installScript: trimmedInstallScript,
+    hasInstallScript: !!trimmedInstallScript,
+    implementationReference: trimmedReference,
     hasReference: !!trimmedReference,
     toolReferences: tools,
     hasToolReferences: tools.length > 0,
@@ -72,27 +90,67 @@ function prepareAgentSkillData({
 
 /**
  * Format agent skill as SKILL.md file content using Mustache template
- * @param {Object} skill - Skill with frontmatter, title, stages, reference
+ * @param {Object} skill - Skill with frontmatter, title, stages, instructions, installScript, implementationReference
  * @param {Object} skill.frontmatter - YAML frontmatter data
  * @param {string} skill.frontmatter.name - Skill name (required)
  * @param {string} skill.frontmatter.description - Skill description (required)
  * @param {string} skill.title - Human-readable skill title for heading
  * @param {Array} skill.stages - Array of stage objects with stageName, focus, readChecklist, confirmChecklist
- * @param {string} skill.reference - Reference content (markdown)
+ * @param {string} skill.instructions - Workflow guidance (markdown)
+ * @param {string} skill.installScript - Shell commands for install script
+ * @param {string} skill.implementationReference - Reference content (markdown)
  * @param {Array} [skill.toolReferences] - Array of tool reference objects
  * @param {string} template - Mustache template string
  * @returns {string} Complete SKILL.md file content
  */
 export function formatAgentSkill(
-  { frontmatter, title, stages, reference, toolReferences },
+  {
+    frontmatter,
+    title,
+    stages,
+    instructions,
+    installScript,
+    implementationReference,
+    toolReferences,
+  },
   template,
 ) {
   const data = prepareAgentSkillData({
     frontmatter,
     title,
     stages,
-    reference,
+    instructions,
+    installScript,
+    implementationReference,
     toolReferences,
   });
   return Mustache.render(template, data);
 }
+
+/**
+ * Format install script file content using Mustache template
+ * @param {Object} skill - Skill data with installScript and frontmatter
+ * @param {string} template - Mustache template string for install script
+ * @returns {string} Complete install.sh file content
+ */
+export function formatInstallScript(skill, template) {
+  const data = {
+    name: skill.frontmatter.name,
+    installScript: trimValue(skill.installScript) || "",
+  };
+  return Mustache.render(template, data);
+}
+
+/**
+ * Format reference file content using Mustache template
+ * @param {Object} skill - Skill data with implementationReference and title
+ * @param {string} template - Mustache template string for reference
+ * @returns {string} Complete REFERENCE.md file content
+ */
+export function formatReference(skill, template) {
+  const data = {
+    title: skill.title,
+    implementationReference: trimValue(skill.implementationReference) || "",
+  };
+  return Mustache.render(template, data);
+}

package/src/formatters/job/dom.js

@@ -233,16 +233,18 @@ export function createJobDescriptionSection({
     template,
   );
 
-  return createDetailSection({
-    title: "Job Description",
-    content: createCodeDisplay({
+  return section(
+    { className: "section section-detail" },
+    h2({ className: "section-title" }, "Job Description"),
+    createCodeDisplay({
       content: markdown,
+      filename: "job-description.md",
       description:
         "Copy this markdown-formatted job description for use in job postings, documentation, or sharing.",
       toHtml: markdownToHtml,
       minHeight: 450,
     }),
-  });
+  );
 }
 
 /**

package/src/formatters/skill/dom.js

@@ -18,7 +18,7 @@ import {
 } from "../../lib/render.js";
 import { createBackLink } from "../../components/nav.js";
 import { createLevelCell } from "../../components/detail.js";
-import { createCodeDisplay } from "../../components/code-display.js";
+import { createSkillFileViewer } from "../../components/skill-file-viewer.js";
 import { createToolIcon } from "../../lib/card-mappers.js";
 import { SKILL_LEVEL_ORDER } from "@forwardimpact/schema/levels";
 import { prepareSkillDetail } from "./shared.js";
@@ -34,6 +34,7 @@ import { createJsonLdScript, skillToJsonLd } from "../json-ld.js";
  * @param {Array} context.capabilities - Capability entities
  * @param {boolean} [context.showBackLink=true] - Whether to show back navigation link
  * @param {boolean} [context.showToolsAndPatterns=true] - Whether to show required tools and implementation patterns
+ * @param {string} [context.agentSkillContent] - Pre-generated SKILL.md content for agent file viewer
  * @returns {HTMLElement}
  */
 export function skillToDOM(
@@ -45,6 +46,7 @@ export function skillToDOM(
     capabilities,
     showBackLink = true,
     showToolsAndPatterns = true,
+    agentSkillContent,
   } = {},
 ) {
   const view = prepareSkillDetail(skill, {
@@ -222,18 +224,54 @@ export function skillToDOM(
         )
       : null,
 
-    // Implementation Reference
-    showToolsAndPatterns && view.implementationReference
+    // Agent Skill Files
+    showToolsAndPatterns &&
+      (agentSkillContent || view.implementationReference || view.installScript)
       ? div(
           { className: "detail-section" },
-          heading2({ className: "section-title" }, "Implementation Patterns"),
-          createCodeDisplay({
-            content: view.implementationReference,
-            description:
-              "Project-specific implementation guidance for this skill.",
-            minHeight: 450,
+          heading2({ className: "section-title" }, "Agent Skill Files"),
+          createSkillFileViewer({
+            files: buildSkillFiles(view, agentSkillContent),
+            maxHeight: 450,
           }),
         )
       : null,
   );
 }
+
+/**
+ * Build file descriptors for the skill file viewer
+ * @param {import('./shared.js').SkillDetailView} view
+ * @param {string} [agentSkillContent] - Pre-generated SKILL.md content
+ * @returns {import('../../components/skill-file-viewer.js').SkillFile[]}
+ */
+function buildSkillFiles(view, agentSkillContent) {
+  /** @type {import('../../components/skill-file-viewer.js').SkillFile[]} */
+  const files = [];
+
+  if (agentSkillContent) {
+    files.push({
+      filename: "SKILL.md",
+      content: agentSkillContent,
+      language: "markdown",
+    });
+  }
+
+  if (view.installScript) {
+    files.push({
+      filename: "scripts/install.sh",
+      content: view.installScript,
+      language: "bash",
+    });
+  }
+
+  if (view.implementationReference) {
+    files.push({
+      filename: "references/REFERENCE.md",
+      content: view.implementationReference,
+      language: "markdown",
+    });
+  }
+
+  return files;
+}

package/src/formatters/skill/shared.js

@@ -74,6 +74,7 @@ export function prepareSkillsList(
  * @property {Array<{id: string, name: string, modifier: number}>} relatedTracks
  * @property {Array<{id: string, name: string}>} relatedDrivers
  * @property {Array<{name: string, url?: string, description: string, useWhen: string}>} toolReferences
+ * @property {string|null} installScript
  * @property {string|null} implementationReference
  */
 
@@ -130,6 +131,7 @@ export function prepareSkillDetail(
     toolReferences: (skill.toolReferences || [])
       .slice()
       .sort((a, b) => a.name.localeCompare(b.name)),
+    installScript: skill.installScript || null,
     implementationReference: skill.implementationReference || null,
   };
 }

package/src/lib/template-loader.js

@@ -65,6 +65,24 @@ export async function loadSkillTemplate(dataDir) {
   return loadTemplate("skill.template.md", dataDir);
 }
 
+/**
+ * Load skill install script template
+ * @param {string} dataDir - Path to data directory
+ * @returns {Promise<string>} Install script template content
+ */
+export async function loadSkillInstallTemplate(dataDir) {
+  return loadTemplate("skill-install.template.sh", dataDir);
+}
+
+/**
+ * Load skill reference template
+ * @param {string} dataDir - Path to data directory
+ * @returns {Promise<string>} Reference template content
+ */
+export async function loadSkillReferenceTemplate(dataDir) {
+  return loadTemplate("skill-reference.template.md", dataDir);
+}
+
 /**
  * Load job description template
  * @param {string} dataDir - Path to data directory

package/src/lib/yaml-loader.js

@@ -76,6 +76,8 @@ async function loadSkillsFromCapabilities(capabilitiesDir) {
           isHumanOnly,
           human,
           agent,
+          instructions,
+          installScript,
           implementationReference,
           toolReferences,
         } = skill;
@@ -88,6 +90,9 @@ async function loadSkillsFromCapabilities(capabilitiesDir) {
           // Include isHumanOnly flag for agent filtering (defaults to false)
           ...(isHumanOnly && { isHumanOnly }),
           ...(agent && { agent }),
+          // Include agent skill content fields
+          ...(instructions && { instructions }),
+          ...(installScript && { installScript }),
           // Include implementation reference and tool references (shared by human and agent)
           ...(implementationReference && { implementationReference }),
           ...(toolReferences && { toolReferences }),

package/src/pages/agent-builder.js

@@ -37,8 +37,13 @@ import {
 import { createReactive } from "../lib/reactive.js";
 import { getStageEmoji } from "../formatters/stage/shared.js";
 import { formatAgentProfile } from "../formatters/agent/profile.js";
-import { formatAgentSkill } from "../formatters/agent/skill.js";
+import {
+  formatAgentSkill,
+  formatInstallScript,
+  formatReference,
+} from "../formatters/agent/skill.js";
 import { createCodeDisplay } from "../components/code-display.js";
+import { createSkillFileViewer } from "../components/skill-file-viewer.js";
 import { createToolkitTable } from "../formatters/toolkit/dom.js";
 import { createDetailSection } from "../components/detail.js";
 
@@ -65,17 +70,21 @@ async function getAgentData(dataDir = "./data") {
 
 /**
  * Load templates with caching
- * @returns {Promise<{agent: string, skill: string}>}
+ * @returns {Promise<{agent: string, skill: string, install: string, reference: string}>}
  */
 async function getTemplates() {
   if (!templateCache) {
-    const [agentRes, skillRes] = await Promise.all([
+    const [agentRes, skillRes, installRes, referenceRes] = await Promise.all([
       fetch("./templates/agent.template.md"),
       fetch("./templates/skill.template.md"),
+      fetch("./templates/skill-install.template.sh"),
+      fetch("./templates/skill-reference.template.md"),
     ]);
     templateCache = {
       agent: await agentRes.text(),
       skill: await skillRes.text(),
+      install: await installRes.text(),
+      reference: await referenceRes.text(),
     };
   }
   return templateCache;
@@ -271,7 +280,6 @@ export async function renderAgentBuilder() {
       skills: data.skills,
       behaviours: data.behaviours,
       agentBehaviours: agentData.behaviours,
-      capabilities: data.capabilities,
       vscodeSettings: agentData.vscodeSettings,
       devcontainer: agentData.devcontainer,
       templates,
@@ -449,7 +457,6 @@ function createAllStagesPreview(context) {
     skills,
     behaviours,
     agentBehaviours,
-    capabilities,
     vscodeSettings,
     devcontainer,
     templates,
@@ -468,7 +475,6 @@ function createAllStagesPreview(context) {
       agentBehaviours,
       agentDiscipline,
       agentTrack,
-      capabilities,
       stages,
     });
 
@@ -482,7 +488,6 @@ function createAllStagesPreview(context) {
       agentBehaviours,
       agentDiscipline,
       agentTrack,
-      capabilities,
       stages,
       agentIndex,
     });
@@ -545,9 +550,7 @@ function createAllStagesPreview(context) {
       skillFiles.length > 0
         ? div(
             { className: "skill-cards-grid" },
-            ...skillFiles.map((skill) =>
-              createSkillCard(skill, templates.skill),
-            ),
+            ...skillFiles.map((skill) => createSkillCard(skill, templates)),
           )
         : p(
             { className: "text-muted" },
@@ -581,7 +584,6 @@ function createSingleStagePreview(context, stage) {
     skills,
     behaviours,
     agentBehaviours,
-    capabilities,
     vscodeSettings,
     devcontainer,
     stages,
@@ -600,7 +602,6 @@ function createSingleStagePreview(context, stage) {
     agentBehaviours,
     agentDiscipline,
     agentTrack,
-    capabilities,
     stages,
   });
 
@@ -614,7 +615,6 @@ function createSingleStagePreview(context, stage) {
     agentBehaviours,
     agentDiscipline,
     agentTrack,
-    capabilities,
     stages,
     agentIndex,
   });
@@ -667,9 +667,7 @@ function createSingleStagePreview(context, stage) {
       skillFiles.length > 0
         ? div(
             { className: "skill-cards-grid" },
-            ...skillFiles.map((skill) =>
-              createSkillCard(skill, templates.skill),
-            ),
+            ...skillFiles.map((skill) => createSkillCard(skill, templates)),
           )
         : p(
             { className: "text-muted" },
@@ -716,6 +714,7 @@ function createAgentCard(stage, profile, stages, agentTemplate, _derived) {
         content,
         filename: profile.filename,
         maxHeight: 400,
+        open: true,
       }),
     ),
   );
@@ -724,28 +723,58 @@ function createAgentCard(stage, profile, stages, agentTemplate, _derived) {
 }
 
 /**
- * Create a skill card
+ * Create a skill card with tabbed file viewer
  * @param {Object} skill - Skill with frontmatter and body
- * @param {string} skillTemplate - Mustache template for skill
+ * @param {{skill: string, install: string, reference: string}} templates - Mustache templates
  * @returns {HTMLElement}
  */
-function createSkillCard(skill, skillTemplate) {
-  const content = formatAgentSkill(skill, skillTemplate);
+function createSkillCard(skill, templates) {
+  const content = formatAgentSkill(skill, templates.skill);
   const filename = `${skill.dirname}/SKILL.md`;
 
+  // Build files array for the tabbed viewer
+  /** @type {import('../components/skill-file-viewer.js').SkillFile[]} */
+  const files = [
+    {
+      filename,
+      content,
+      language: "markdown",
+    },
+  ];
+
+  if (skill.installScript) {
+    files.push({
+      filename: `${skill.dirname}/scripts/install.sh`,
+      content: formatInstallScript(skill, templates.install),
+      language: "bash",
+    });
+  }
+
+  if (skill.implementationReference) {
+    files.push({
+      filename: `${skill.dirname}/references/REFERENCE.md`,
+      content: formatReference(skill, templates.reference),
+      language: "markdown",
+    });
+  }
+
+  // Count total files for badge
+  const fileCount = files.length;
+  const headerChildren = [
+    span({ className: "skill-card-name" }, skill.frontmatter.name),
+  ];
+  if (fileCount > 1) {
+    headerChildren.push(
+      span({ className: "skill-card-badge" }, `${fileCount} files`),
+    );
+  }
+
   return div(
     { className: "skill-card" },
-    div(
-      { className: "skill-card-header" },
-      span({ className: "skill-card-name" }, skill.frontmatter.name),
-    ),
+    div({ className: "skill-card-header" }, ...headerChildren),
     div(
       { className: "skill-card-preview" },
-      createCodeDisplay({
-        content,
-        filename,
-        maxHeight: 300,
-      }),
+      createSkillFileViewer({ files, maxHeight: 300 }),
     ),
   );
 }
@@ -787,10 +816,27 @@ function createDownloadAllButton(
         zip.file(`.github/agents/${profile.filename}`, content);
       }
 
-      // Add skills
+      // Add skills (SKILL.md + optional install script + optional reference)
       for (const skill of skillFiles) {
         const content = formatAgentSkill(skill, templates.skill);
         zip.file(`.claude/skills/${skill.dirname}/SKILL.md`, content);
+
+        if (skill.installScript) {
+          const installContent = formatInstallScript(skill, templates.install);
+          zip.file(
+            `.claude/skills/${skill.dirname}/scripts/install.sh`,
+            installContent,
+            { unixPermissions: "755" },
+          );
+        }
+
+        if (skill.implementationReference) {
+          const refContent = formatReference(skill, templates.reference);
+          zip.file(
+            `.claude/skills/${skill.dirname}/references/REFERENCE.md`,
+            refContent,
+          );
+        }
       }
 
       // Add VS Code settings
@@ -870,10 +916,27 @@ function createDownloadSingleButton(
       const content = formatAgentProfile(profile, templates.agent);
       zip.file(`.github/agents/${profile.filename}`, content);
 
-      // Add skills
+      // Add skills (SKILL.md + optional install script + optional reference)
       for (const skill of skillFiles) {
         const skillContent = formatAgentSkill(skill, templates.skill);
         zip.file(`.claude/skills/${skill.dirname}/SKILL.md`, skillContent);
+
+        if (skill.installScript) {
+          const installContent = formatInstallScript(skill, templates.install);
+          zip.file(
+            `.claude/skills/${skill.dirname}/scripts/install.sh`,
+            installContent,
+            { unixPermissions: "755" },
+          );
+        }
+
+        if (skill.implementationReference) {
+          const refContent = formatReference(skill, templates.reference);
+          zip.file(
+            `.claude/skills/${skill.dirname}/references/REFERENCE.md`,
+            refContent,
+          );
+        }
       }
 
       // Add VS Code settings

package/src/pages/skill.js

@@ -14,6 +14,23 @@ import {
   getCapabilityEmoji,
   getConceptEmoji,
 } from "@forwardimpact/schema/levels";
+import { generateSkillMarkdown } from "@forwardimpact/model";
+import { formatAgentSkill } from "../formatters/agent/skill.js";
+
+/** @type {string|null} Cached skill template */
+let skillTemplateCache = null;
+
+/**
+ * Load skill Mustache template with caching
+ * @returns {Promise<string>}
+ */
+async function getSkillTemplate() {
+  if (!skillTemplateCache) {
+    const res = await fetch("./templates/skill.template.md");
+    skillTemplateCache = await res.text();
+  }
+  return skillTemplateCache;
+}
 
 /**
  * Render skills list page
@@ -69,7 +86,7 @@ export function renderSkillsList() {
  * Render skill detail page
  * @param {Object} params - Route params
  */
-export function renderSkillDetail(params) {
+export async function renderSkillDetail(params) {
   const { data } = getState();
   const skill = data.skills.find((s) => s.id === params.id);
 
@@ -83,6 +100,14 @@ export function renderSkillDetail(params) {
     return;
   }
 
+  // Generate SKILL.md content if skill has an agent section
+  let agentSkillContent;
+  if (skill.agent) {
+    const template = await getSkillTemplate();
+    const skillData = generateSkillMarkdown(skill, data.stages);
+    agentSkillContent = formatAgentSkill(skillData, template);
+  }
+
   // Use DOM formatter - it handles transformation internally
   render(
     skillToDOM(skill, {
@@ -90,6 +115,7 @@ export function renderSkillDetail(params) {
       tracks: data.tracks,
       drivers: data.drivers,
       capabilities: data.capabilities,
+      agentSkillContent,
     }),
   );
 }