1- <!DOCTYPE html> < html class ="default " lang ="en " data-base ="../ "> < head > < meta charset ="utf-8 "/> < meta http-equiv ="x-ua-compatible " content ="IE=edge "/> < title > Agent Skills | @modelcontextprotocol/ext-apps - v0.4.1</ title > < meta name ="description " content ="Documentation for @modelcontextprotocol/ext-apps "/> < meta name ="viewport " content ="width=device-width, initial-scale=1 "/> < link rel ="stylesheet " href ="../assets/style.css "/> < link rel ="stylesheet " href ="../assets/highlight.css "/> < script defer src ="../assets/main.js "> </ script > < script async src ="../assets/icons.js " id ="tsd-icons-script "> </ script > < script async src ="../assets/search.js " id ="tsd-search-script "> </ script > < script async src ="../assets/navigation.js " id ="tsd-nav-script "> </ script > < script async src ="../assets/hierarchy.js " id ="tsd-hierarchy-script "> </ script > < link rel ="stylesheet " href ="../assets/typedoc-github-style.css "/> </ head > < body > < script > document . documentElement . dataset . theme = localStorage . getItem ( "tsd-theme" ) || "os" ; document . body . style . display = "none" ; setTimeout ( ( ) => window . app ?app . showPage ( ) :document . body . style . removeProperty ( "display" ) , 500 ) </ script > < header class ="tsd-page-toolbar "> < div class ="tsd-toolbar-contents container "> < a href ="../index.html " class ="title "> @modelcontextprotocol/ext-apps - v0.4.1</ a > < div id ="tsd-toolbar-links "> < a href ="https://github.com/modelcontextprotocol/ext-apps "> GitHub</ a > < a href ="https://github.com/modelcontextprotocol/ext-apps/blob/main/specification/draft/apps.mdx "> Specification</ a > </ div > < button id ="tsd-search-trigger " class ="tsd-widget " aria-label ="Search "> < svg width ="16 " height ="16 " viewBox ="0 0 16 16 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-search "> </ use > </ svg > </ button > < dialog id ="tsd-search " aria-label ="Search "> < input role ="combobox " id ="tsd-search-input " aria-controls ="tsd-search-results " aria-autocomplete ="list " aria-expanded ="true " autocapitalize ="off " autocomplete ="off " placeholder ="Search the docs " maxLength ="100 "/> < ul role ="listbox " id ="tsd-search-results "> </ ul > < div id ="tsd-search-status " aria-live ="polite " aria-atomic ="true "> < div > Preparing search index...</ div > </ div > </ dialog > < a href ="# " class ="tsd-widget menu " id ="tsd-toolbar-menu-trigger " data-toggle ="menu " aria-label ="Menu "> < svg width ="16 " height ="16 " viewBox ="0 0 16 16 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-menu "> </ use > </ svg > </ a > </ div > </ header > < div class ="container container-main "> < div class ="col-content "> < div class ="tsd-page-title "> < ul class ="tsd-breadcrumb " aria-label ="Breadcrumb "> < li > < a href ="" aria-current ="page "> Agent Skills</ a > </ li > </ ul > </ div > < div class ="tsd-panel tsd-typography "> < h1 id ="agent-skills " class ="tsd-anchor-link "> Agent Skills< a href ="#agent-skills " aria-label ="Permalink " class ="tsd-anchor-icon "> < svg viewBox ="0 0 24 24 " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-anchor "> </ use > </ svg > </ a > </ h1 >
1+ <!DOCTYPE html> < html class ="default " lang ="en " data-base ="../ "> < head > < meta charset ="utf-8 "/> < meta http-equiv ="x-ua-compatible " content ="IE=edge "/> < title > Agent Skills | @modelcontextprotocol/ext-apps - v0.4.2</ title > < meta name ="description " content ="Documentation for @modelcontextprotocol/ext-apps "/> < meta name ="viewport " content ="width=device-width, initial-scale=1 "/> < link rel ="stylesheet " href ="../assets/style.css "/> < link rel ="stylesheet " href ="../assets/highlight.css "/> < script defer src ="../assets/main.js "> </ script > < script async src ="../assets/icons.js " id ="tsd-icons-script "> </ script > < script async src ="../assets/search.js " id ="tsd-search-script "> </ script > < script async src ="../assets/navigation.js " id ="tsd-nav-script "> </ script > < script async src ="../assets/hierarchy.js " id ="tsd-hierarchy-script "> </ script > < link rel ="stylesheet " href ="../assets/typedoc-github-style.css "/> </ head > < body > < script > document . documentElement . dataset . theme = localStorage . getItem ( "tsd-theme" ) || "os" ; document . body . style . display = "none" ; setTimeout ( ( ) => window . app ?app . showPage ( ) :document . body . style . removeProperty ( "display" ) , 500 ) </ script > < header class ="tsd-page-toolbar "> < div class ="tsd-toolbar-contents container "> < a href ="../index.html " class ="title "> @modelcontextprotocol/ext-apps - v0.4.2</ a > < div id ="tsd-toolbar-links "> < a href ="https://github.com/modelcontextprotocol/ext-apps "> GitHub</ a > < a href ="https://github.com/modelcontextprotocol/ext-apps/blob/main/specification/draft/apps.mdx "> Specification</ a > </ div > < button id ="tsd-search-trigger " class ="tsd-widget " aria-label ="Search "> < svg width ="16 " height ="16 " viewBox ="0 0 16 16 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-search "> </ use > </ svg > </ button > < dialog id ="tsd-search " aria-label ="Search "> < input role ="combobox " id ="tsd-search-input " aria-controls ="tsd-search-results " aria-autocomplete ="list " aria-expanded ="true " autocapitalize ="off " autocomplete ="off " placeholder ="Search the docs " maxLength ="100 "/> < ul role ="listbox " id ="tsd-search-results "> </ ul > < div id ="tsd-search-status " aria-live ="polite " aria-atomic ="true "> < div > Preparing search index...</ div > </ div > </ dialog > < a href ="# " class ="tsd-widget menu " id ="tsd-toolbar-menu-trigger " data-toggle ="menu " aria-label ="Menu "> < svg width ="16 " height ="16 " viewBox ="0 0 16 16 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-menu "> </ use > </ svg > </ a > </ div > </ header > < div class ="container container-main "> < div class ="col-content "> < div class ="tsd-page-title "> < ul class ="tsd-breadcrumb " aria-label ="Breadcrumb "> < li > < a href ="" aria-current ="page "> Agent Skills</ a > </ li > </ ul > </ div > < div class ="tsd-panel tsd-typography "> < h1 id ="agent-skills " class ="tsd-anchor-link "> Agent Skills< a href ="#agent-skills " aria-label ="Permalink " class ="tsd-anchor-icon "> < svg viewBox ="0 0 24 24 " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-anchor "> </ use > </ svg > </ a > </ h1 >
22< p > < a href ="https://agentskills.io/ "> Agent Skills</ a > are instruction sets that guide AI coding agents through tasks. When you invoke a skill, the agent takes the lead — it asks clarifying questions, makes decisions based on your codebase, and executes the work.</ p >
33< p > This repository provides two skills:</ p >
44< ul >
@@ -26,6 +26,7 @@ <h3 id="option-3-manual-installation" class="tsd-anchor-link">Option 3: Manual I
2626< ul >
2727< li > < a href ="https://docs.anthropic.com/en/docs/claude-code/skills "> Claude Code</ a > </ li >
2828< li > < a href ="https://code.visualstudio.com/docs/copilot/customization/agent-skills "> VS Code</ a > / < a href ="https://docs.github.com/en/copilot/concepts/agents/about-agent-skills "> GitHub Copilot</ a > </ li >
29+ < li > < a href ="https://developers.openai.com/codex/skills/ "> Codex</ a > </ li >
2930< li > < a href ="https://geminicli.com/docs/cli/skills/ "> Gemini CLI</ a > </ li >
3031< li > < a href ="https://docs.cline.bot/features/skills#skills "> Cline</ a > </ li >
3132< li > < a href ="https://block.github.io/goose/docs/guides/context-engineering/using-skills/ "> Goose</ a > </ li >
@@ -41,4 +42,4 @@ <h2 id="invoke-a-skill" class="tsd-anchor-link">Invoke a Skill<a href="#invoke-a
4142< p > The agent will guide you through the process, asking clarifying questions as needed.</ p >
4243< h2 id ="test-your-app " class ="tsd-anchor-link "> Test Your App< a href ="#test-your-app " aria-label ="Permalink " class ="tsd-anchor-icon "> < svg viewBox ="0 0 24 24 " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-anchor "> </ use > </ svg > </ a > </ h2 >
4344< p > After creating or migrating your MCP App, see the < a href ="Testing_MCP_Apps.html "> Testing MCP Apps</ a > guide to run and debug it locally.</ p >
44- </ div > </ div > < div class ="col-sidebar "> < div class ="page-menu "> < div class ="tsd-navigation settings "> < details class ="tsd-accordion "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > Settings</ h3 > </ summary > < div class ="tsd-accordion-details "> < div class ="tsd-filter-visibility "> < span class ="settings-label "> Member Visibility</ span > < ul id ="tsd-filter-options "> < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-protected " name ="protected "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Protected</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-inherited " name ="inherited " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Inherited</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-external " name ="external "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > External</ span > </ label > </ li > </ ul > </ div > < div class ="tsd-theme-toggle "> < label class ="settings-label " for ="tsd-theme "> Theme</ label > < select id ="tsd-theme "> < option value ="os "> OS</ option > < option value ="light "> Light</ option > < option value ="dark "> Dark</ option > </ select > </ div > </ div > </ details > </ div > < details open class ="tsd-accordion tsd-page-navigation "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > On This Page</ h3 > </ summary > < div class ="tsd-accordion-details "> < a href ="#agent-skills "> < span > Agent < wbr /> Skills</ span > </ a > < ul > < li > < a href ="#install-the-skills "> < span > Install the < wbr /> Skills</ span > </ a > </ li > < li > < ul > < li > < a href ="#option-1-claude-code-plugin "> < span > Option 1: < wbr /> Claude < wbr /> Code < wbr /> Plugin</ span > </ a > </ li > < li > < a href ="#option-2-vercel-skills-cli "> < span > Option 2: < wbr /> Vercel < wbr /> Skills < wbr /> CLI</ span > </ a > </ li > < li > < a href ="#option-3-manual-installation "> < span > Option 3: < wbr /> Manual < wbr /> Installation</ span > </ a > </ li > </ ul > </ li > < li > < a href ="#verify-installation "> < span > Verify < wbr /> Installation</ span > </ a > </ li > < li > < a href ="#invoke-a-skill "> < span > Invoke a < wbr /> Skill</ span > </ a > </ li > < li > < a href ="#test-your-app "> < span > Test < wbr /> Your < wbr /> App</ span > </ a > </ li > </ ul > </ div > </ details > </ div > < div class ="site-menu "> < nav id ="tsd-sidebar-links " class ="tsd-navigation "> < a href ="https://github.com/modelcontextprotocol/ext-apps " class ="tsd-nav-link "> GitHub</ a > < a href ="https://github.com/modelcontextprotocol/ext-apps/blob/main/specification/draft/apps.mdx " class ="tsd-nav-link "> Specification</ a > </ nav > < nav class ="tsd-navigation "> < a href ="../modules.html "> @modelcontextprotocol/ext-apps - v0.4.1</ a > < ul class ="tsd-small-nested-navigation " id ="tsd-nav-container "> < li > Loading...</ li > </ ul > </ nav > </ div > </ div > </ div > < footer > < p class ="tsd-generator "> Generated using < a href ="https://typedoc.org/ " target ="_blank "> TypeDoc</ a > with < a href ="https://github.com/JulianWowra/typedoc-github-theme " target ="_blank "> typedoc-github-theme</ a > </ p > </ footer > < div class ="overlay "> </ div > </ body > </ html >
45+ </ div > </ div > < div class ="col-sidebar "> < div class ="page-menu "> < div class ="tsd-navigation settings "> < details class ="tsd-accordion "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > Settings</ h3 > </ summary > < div class ="tsd-accordion-details "> < div class ="tsd-filter-visibility "> < span class ="settings-label "> Member Visibility</ span > < ul id ="tsd-filter-options "> < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-protected " name ="protected "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Protected</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-inherited " name ="inherited " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Inherited</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-external " name ="external "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > External</ span > </ label > </ li > </ ul > </ div > < div class ="tsd-theme-toggle "> < label class ="settings-label " for ="tsd-theme "> Theme</ label > < select id ="tsd-theme "> < option value ="os "> OS</ option > < option value ="light "> Light</ option > < option value ="dark "> Dark</ option > </ select > </ div > </ div > </ details > </ div > < details open class ="tsd-accordion tsd-page-navigation "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > On This Page</ h3 > </ summary > < div class ="tsd-accordion-details "> < a href ="#agent-skills "> < span > Agent < wbr /> Skills</ span > </ a > < ul > < li > < a href ="#install-the-skills "> < span > Install the < wbr /> Skills</ span > </ a > </ li > < li > < ul > < li > < a href ="#option-1-claude-code-plugin "> < span > Option 1: < wbr /> Claude < wbr /> Code < wbr /> Plugin</ span > </ a > </ li > < li > < a href ="#option-2-vercel-skills-cli "> < span > Option 2: < wbr /> Vercel < wbr /> Skills < wbr /> CLI</ span > </ a > </ li > < li > < a href ="#option-3-manual-installation "> < span > Option 3: < wbr /> Manual < wbr /> Installation</ span > </ a > </ li > </ ul > </ li > < li > < a href ="#verify-installation "> < span > Verify < wbr /> Installation</ span > </ a > </ li > < li > < a href ="#invoke-a-skill "> < span > Invoke a < wbr /> Skill</ span > </ a > </ li > < li > < a href ="#test-your-app "> < span > Test < wbr /> Your < wbr /> App</ span > </ a > </ li > </ ul > </ div > </ details > </ div > < div class ="site-menu "> < nav id ="tsd-sidebar-links " class ="tsd-navigation "> < a href ="https://github.com/modelcontextprotocol/ext-apps " class ="tsd-nav-link "> GitHub</ a > < a href ="https://github.com/modelcontextprotocol/ext-apps/blob/main/specification/draft/apps.mdx " class ="tsd-nav-link "> Specification</ a > </ nav > < nav class ="tsd-navigation "> < a href ="../modules.html "> @modelcontextprotocol/ext-apps - v0.4.2</ a > < ul class ="tsd-small-nested-navigation " id ="tsd-nav-container "> < li > Loading...</ li > </ ul > </ nav > </ div > </ div > </ div > < footer > < p class ="tsd-generator "> Generated using < a href ="https://typedoc.org/ " target ="_blank "> TypeDoc</ a > with < a href ="https://github.com/JulianWowra/typedoc-github-theme " target ="_blank "> typedoc-github-theme</ a > </ p > </ footer > < div class ="overlay "> </ div > </ body > </ html >
0 commit comments