[{"_1":2,"_537":-5,"_538":-5},"loaderData",{"_3":4,"_290":291,"_416":417},"root",{"_5":6,"_11":-5,"_12":13,"_14":-5,"_15":16,"_17":18,"_142":143,"_151":152,"_153":154,"_198":156,"_199":158,"_159":160,"_200":201,"_215":216,"_240":-5,"_241":-5,"_242":243},"userId",{"_7":8,"_9":10},"id","tercjob4pwou3jolmgunrfln","type","cookie.randomId","preferences","progress",[],"user","userHasAccess",true,"apps",[19,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94,98,102,106,110,114,118,122,126,130,134,138],{"_20":21,"_22":23,"_24":25},"name","01.01.problem","fullPath","/myapp/workshop-content/exercises/01.ping/01.problem.connect","relativePath","exercises/01.ping/01.problem.connect",{"_20":27,"_22":28,"_24":29},"01.01.solution","/myapp/workshop-content/exercises/01.ping/01.solution.connect","exercises/01.ping/01.solution.connect",{"_20":31,"_22":32,"_24":33},"02.01.problem","/myapp/workshop-content/exercises/02.tools/01.problem.simple","exercises/02.tools/01.problem.simple",{"_20":35,"_22":36,"_24":37},"02.01.solution","/myapp/workshop-content/exercises/02.tools/01.solution.simple","exercises/02.tools/01.solution.simple",{"_20":39,"_22":40,"_24":41},"02.02.problem","/myapp/workshop-content/exercises/02.tools/02.problem.args","exercises/02.tools/02.problem.args",{"_20":43,"_22":44,"_24":45},"02.02.solution","/myapp/workshop-content/exercises/02.tools/02.solution.args","exercises/02.tools/02.solution.args",{"_20":47,"_22":48,"_24":49},"02.03.problem","/myapp/workshop-content/exercises/02.tools/03.problem.errors","exercises/02.tools/03.problem.errors",{"_20":51,"_22":52,"_24":53},"02.03.solution","/myapp/workshop-content/exercises/02.tools/03.solution.errors","exercises/02.tools/03.solution.errors",{"_20":55,"_22":56,"_24":57},"03.01.problem","/myapp/workshop-content/exercises/03.resources/01.problem.simple","exercises/03.resources/01.problem.simple",{"_20":59,"_22":60,"_24":61},"03.01.solution","/myapp/workshop-content/exercises/03.resources/01.solution.simple","exercises/03.resources/01.solution.simple",{"_20":63,"_22":64,"_24":65},"03.02.problem","/myapp/workshop-content/exercises/03.resources/02.problem.template","exercises/03.resources/02.problem.template",{"_20":67,"_22":68,"_24":69},"03.02.solution","/myapp/workshop-content/exercises/03.resources/02.solution.template","exercises/03.resources/02.solution.template",{"_20":71,"_22":72,"_24":73},"03.03.problem","/myapp/workshop-content/exercises/03.resources/03.problem.list","exercises/03.resources/03.problem.list",{"_20":75,"_22":76,"_24":77},"03.03.solution","/myapp/workshop-content/exercises/03.resources/03.solution.list","exercises/03.resources/03.solution.list",{"_20":79,"_22":80,"_24":81},"03.04.problem","/myapp/workshop-content/exercises/03.resources/04.problem.completion","exercises/03.resources/04.problem.completion",{"_20":83,"_22":84,"_24":85},"03.04.solution","/myapp/workshop-content/exercises/03.resources/04.solution.completion","exercises/03.resources/04.solution.completion",{"_20":87,"_22":88,"_24":89},"03.05.problem","/myapp/workshop-content/exercises/03.resources/05.problem.linked","exercises/03.resources/05.problem.linked",{"_20":91,"_22":92,"_24":93},"03.05.solution","/myapp/workshop-content/exercises/03.resources/05.solution.linked","exercises/03.resources/05.solution.linked",{"_20":95,"_22":96,"_24":97},"03.06.problem","/myapp/workshop-content/exercises/03.resources/06.problem.embedded","exercises/03.resources/06.problem.embedded",{"_20":99,"_22":100,"_24":101},"03.06.solution","/myapp/workshop-content/exercises/03.resources/06.solution.embedded","exercises/03.resources/06.solution.embedded",{"_20":103,"_22":104,"_24":105},"04.01.problem","/myapp/workshop-content/exercises/04.prompts/01.problem.prompts","exercises/04.prompts/01.problem.prompts",{"_20":107,"_22":108,"_24":109},"04.01.solution","/myapp/workshop-content/exercises/04.prompts/01.solution.prompts","exercises/04.prompts/01.solution.prompts",{"_20":111,"_22":112,"_24":113},"04.02.problem","/myapp/workshop-content/exercises/04.prompts/02.problem.optimized-prompt","exercises/04.prompts/02.problem.optimized-prompt",{"_20":115,"_22":116,"_24":117},"04.02.solution","/myapp/workshop-content/exercises/04.prompts/02.solution.optimized-prompt","exercises/04.prompts/02.solution.optimized-prompt",{"_20":119,"_22":120,"_24":121},"04.03.problem","/myapp/workshop-content/exercises/04.prompts/03.problem.completion","exercises/04.prompts/03.problem.completion",{"_20":123,"_22":124,"_24":125},"04.03.solution","/myapp/workshop-content/exercises/04.prompts/03.solution.completion","exercises/04.prompts/03.solution.completion",{"_20":127,"_22":128,"_24":129},"05.01.problem","/myapp/workshop-content/exercises/05.sampling/01.problem.simple","exercises/05.sampling/01.problem.simple",{"_20":131,"_22":132,"_24":133},"05.01.solution","/myapp/workshop-content/exercises/05.sampling/01.solution.simple","exercises/05.sampling/01.solution.simple",{"_20":135,"_22":136,"_24":137},"05.02.problem","/myapp/workshop-content/exercises/05.sampling/02.problem.advanced","exercises/05.sampling/02.problem.advanced",{"_20":139,"_22":140,"_24":141},"05.02.solution","/myapp/workshop-content/exercises/05.sampling/02.solution.advanced","exercises/05.sampling/02.solution.advanced","repoUpdates",{"_144":145,"_146":147,"_148":147,"_149":150},"updatesAvailable",false,"localCommit","bfb271b","remoteCommit","diffLink","https://github.com/undefined/undefined/compare/bfb271b...bfb271b","unmutedNotifications",[],"workshopConfig",{"_155":156,"_157":158,"_159":160,"_166":167,"_179":180,"_181":182,"_183":184,"_185":186,"_191":192,"_194":195,"_196":197},"title","MCP Fundamentals 🧱","subtitle","Meet users in the AI apps they already use","instructor",{"_20":161,"_162":163,"_164":165},"Kent C. Dodds","avatar","/images/instructor.png","𝕏","kentcdodds","product",{"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":-7},"host","www.epicai.pro","displayName","EpicAI.pro","displayNameShort","Epic AI","logo","/logo.svg","discordChannelId","1161045224907341972","slug","onboardingVideo","https://www.epicweb.dev/tips/get-started-with-the-epic-workshop-app","githubRepo","https://github.com/epicweb-dev/mcp-fundamentals","githubRoot","https://github.com/epicweb-dev/mcp-fundamentals/tree/main","forms",{"_187":188,"_189":190},"workshop","https://docs.google.com/forms/d/e/1FAIpQLSdRmj9p8-5zyoqRzxp3UpqSbC3aFkweXvvJIKes0a5s894gzg/viewform?hl=en&embedded=true&entry.2123647600={workshopTitle}","exercise","https://docs.google.com/forms/d/e/1FAIpQLSf3o9xyjQepTlOTH5Z7ZwkeSTdXh6YWI_RGc9KiyD3oUN0p6w/viewform?hl=en&embedded=true&entry.1836176234={workshopTitle}&entry.428900931={exerciseTitle}","testTab",{"_193":16},"enabled","initialRoute","/","notifications",[],"workshopTitle","workshopSubtitle","ENV",{"_202":203,"_204":205,"_206":182,"_207":184,"_208":16,"_209":210,"_211":212,"_213":214},"MODE","production","EPICSHOP_CONTEXT_CWD","/myapp/workshop-content","EPICSHOP_GITHUB_REPO","EPICSHOP_GITHUB_ROOT","EPICSHOP_DEPLOYED","EPICSHOP_APP_VERSION","5.29.0","EPICSHOP_PARENT_PORT","3742","EPICSHOP_PARENT_TOKEN","3cc38481c07b56ae87fc072e0a2b684cc238959b896e80c14b777376bf0445f0","requestInfo",{"_217":218,"_219":220,"_221":222,"_223":224,"_225":224,"_226":227,"_234":235,"_236":237,"_238":195,"_239":16},"protocol","http:","hostname","mcp-fundamentals.epicai.pro","port","","origin","http://mcp-fundamentals.epicai.pro","domain","hints",{"_228":229,"_230":231,"_232":233},"theme","light","timeZone","UTC","reducedMotion","no-preference","path","/exercise/04/finished","session",{"_228":-5},"separator","online","toast","confettiId","presence",{"_244":245},"users",[246,264,274,277,281,285],{"_7":247,"_248":16,"_249":250,"_251":252,"_20":253,"_254":255},"5a83f117-b5bb-41cd-864a-cbf33fa2d5b7","hasAccess","imageUrlSmall","https://avatars.githubusercontent.com/u/9219409?v=4&size=64","imageUrlLarge","https://avatars.githubusercontent.com/u/9219409?v=4&size=512","G I Gordon","location",{"_198":256,"_223":257,"_189":258},"Data Modeling Deep Dive 💾","http://localhost:5639",{"_9":259,"_260":261,"_262":263},"solution","exerciseNumber",7,"stepNumber",1,{"_7":265,"_248":16,"_249":266,"_251":267,"_20":268,"_254":269},"3137be2a-0a92-42df-b888-9c1b347de35b","https://cdn.discordapp.com/avatars/469326559371722755/00f1754dfbd1c0d7c21ad1f3aa7eb3e5.png?size=64","https://cdn.discordapp.com/avatars/469326559371722755/00f1754dfbd1c0d7c21ad1f3aa7eb3e5.png?size=512","Fernando Tomazelli Feres",{"_198":270,"_223":257,"_189":271},"React Performance ⚡",{"_9":272,"_260":263,"_262":273},"problem",5,{"_7":275,"_254":276},"gzb5jp16hr05fvnhs0p0q7by",{"_198":156,"_223":224},{"_7":278,"_254":279},"wv36bzsj97to0h5sqzrmu2dx",{"_198":156,"_223":224,"_189":280},{"_260":263},{"_7":282,"_254":283},"osph7abbmkfmyj1w48rze1an",{"_198":284,"_223":257},"Full Stack Foundations 🔭",{"_7":286,"_254":287},"uwl0k29c343v9hhv9xxr7mrk",{"_198":156,"_223":224,"_189":288},{"_260":289,"_262":-5,"_9":-5},4,"routes/_app+/_layout",{"_198":156,"_292":293,"_412":413,"_415":145},"exercises",[294,307,332,373,395],{"_260":263,"_155":295,"_296":297,"_299":300,"_302":303},"Ping","solutions",[298],{"_262":263,"_155":295,"_20":27},"problems",[301],{"_262":263,"_155":295,"_20":21},"steps",[304],{"_262":263,"_155":295,"_20":21,"_272":305,"_259":306},{"_20":21,"_155":295},{"_20":27,"_155":295},{"_260":308,"_155":309,"_296":310,"_299":318,"_302":322},2,"Tools",[311,313,315],{"_262":263,"_155":312,"_20":35},"Simple Tool",{"_262":308,"_155":314,"_20":43},"Arguments",{"_262":316,"_155":317,"_20":51},3,"Error Handling",[319,320,321],{"_262":263,"_155":312,"_20":31},{"_262":308,"_155":314,"_20":39},{"_262":316,"_155":317,"_20":47},[323,326,329],{"_262":263,"_155":312,"_20":31,"_272":324,"_259":325},{"_20":31,"_155":312},{"_20":35,"_155":312},{"_262":308,"_155":314,"_20":39,"_272":327,"_259":328},{"_20":39,"_155":314},{"_20":43,"_155":314},{"_262":316,"_155":317,"_20":47,"_272":330,"_259":331},{"_20":47,"_155":317},{"_20":51,"_155":317},{"_260":316,"_155":333,"_296":334,"_299":347,"_302":354},"Resources",[335,336,338,340,342,344],{"_262":263,"_155":333,"_20":59},{"_262":308,"_155":337,"_20":67},"Resource Templates",{"_262":316,"_155":339,"_20":75},"Resource Templates List",{"_262":289,"_155":341,"_20":83},"Resource Template Completions",{"_262":273,"_155":343,"_20":91},"Linked Resources",{"_262":345,"_155":346,"_20":99},6,"Embedded Resources",[348,349,350,351,352,353],{"_262":263,"_155":333,"_20":55},{"_262":308,"_155":337,"_20":63},{"_262":316,"_155":339,"_20":71},{"_262":289,"_155":341,"_20":79},{"_262":273,"_155":343,"_20":87},{"_262":345,"_155":346,"_20":95},[355,358,361,364,367,370],{"_262":263,"_155":333,"_20":55,"_272":356,"_259":357},{"_20":55,"_155":333},{"_20":59,"_155":333},{"_262":308,"_155":337,"_20":63,"_272":359,"_259":360},{"_20":63,"_155":337},{"_20":67,"_155":337},{"_262":316,"_155":339,"_20":71,"_272":362,"_259":363},{"_20":71,"_155":339},{"_20":75,"_155":339},{"_262":289,"_155":341,"_20":79,"_272":365,"_259":366},{"_20":79,"_155":341},{"_20":83,"_155":341},{"_262":273,"_155":343,"_20":87,"_272":368,"_259":369},{"_20":87,"_155":343},{"_20":91,"_155":343},{"_262":345,"_155":346,"_20":95,"_272":371,"_259":372},{"_20":95,"_155":346},{"_20":99,"_155":346},{"_260":289,"_155":374,"_296":375,"_299":381,"_302":385},"Prompts",[376,377,379],{"_262":263,"_155":374,"_20":107},{"_262":308,"_155":378,"_20":115},"Optimized Prompts",{"_262":316,"_155":380,"_20":123},"Prompt Completion",[382,383,384],{"_262":263,"_155":374,"_20":103},{"_262":308,"_155":378,"_20":111},{"_262":316,"_155":380,"_20":119},[386,389,392],{"_262":263,"_155":374,"_20":103,"_272":387,"_259":388},{"_20":103,"_155":374},{"_20":107,"_155":374},{"_262":308,"_155":378,"_20":111,"_272":390,"_259":391},{"_20":111,"_155":378},{"_20":115,"_155":378},{"_262":316,"_155":380,"_20":119,"_272":393,"_259":394},{"_20":119,"_155":380},{"_20":123,"_155":380},{"_260":273,"_155":396,"_296":397,"_299":402,"_302":405},"Sampling",[398,400],{"_262":263,"_155":399,"_20":131},"Simple Sampling",{"_262":308,"_155":401,"_20":139},"Advanced Sampling Prompt",[403,404],{"_262":263,"_155":399,"_20":127},{"_262":308,"_155":401,"_20":135},[406,409],{"_262":263,"_155":399,"_20":127,"_272":407,"_259":408},{"_20":127,"_155":399},{"_20":131,"_155":399},{"_262":308,"_155":401,"_20":135,"_272":410,"_259":411},{"_20":135,"_155":401},{"_20":139,"_155":401},"playground",{"_414":-5,"_260":-2,"_262":-2,"_9":-7},"appName","isMenuOpened","routes/_app+/exercise+/$exerciseNumber_.finished",{"_418":419,"_198":156,"_189":420,"_519":520,"_521":522,"_523":524,"_528":529,"_534":535},"articleId","workshop-mcp-fundamentals-4-finished",{"_22":421,"_260":289,"_422":423,"_155":374,"_424":425,"_426":427,"_428":429,"_430":431,"_302":432,"_299":493,"_296":506},"/myapp/workshop-content/exercises/04.prompts","dirName","04.prompts","instructionsCode","var Component=(()=>{var h=Object.create;var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var b=(a,e)=>()=>(e||a((e={exports:{}}).exports,e),e.exports),g=(a,e)=>{for(var s in e)r(a,s,{get:e[s],enumerable:!0})},o=(a,e,s,l)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let n of p(e))!y.call(a,n)&&n!==s&&r(a,n,{get:()=>e[n],enumerable:!(l=f(e,n))||l.enumerable});return a};var k=(a,e,s)=>(s=a!=null?h(x(a)):{},o(e||!a||!a.__esModule?r(s,\"default\",{value:a,enumerable:!0}):s,a)),u=a=>o(r({},\"__esModule\",{value:!0}),a);var d=b((L,i)=>{i.exports=_jsx_runtime});var v={};g(v,{default:()=>m,frontmatter:()=>w});var t=k(d()),w=void 0;function c(a){let e={a:\"a\",code:\"code\",div:\"div\",h1:\"h1\",li:\"li\",p:\"p\",pre:\"pre\",span:\"span\",strong:\"strong\",ul:\"ul\",...a.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h1,{children:\"Prompts\"}),`\n`,(0,t.jsx)(e.p,{children:`Sometimes there are common workflows for people using your MCP server you want\nto make easier for users. You may not want your users to have to write the same\nprompt all the time for that workflow (not everyone is a \"prompt engineer\").`}),`\n`,(0,t.jsxs)(e.p,{children:[\"The Model Context Protocol (MCP) has a specification for \",(0,t.jsx)(e.strong,{children:\"prompts\"}),` as a way\nfor servers to expose reusable, structured instructions to language models and\nclients. Prompts are more than just static text\\u2014they can be parameterized and\ninvoked by users to guide model behavior in a consistent, transparent way.`]}),`\n`,(0,t.jsx)(e.p,{children:`With prompts, servers can offer a menu of available instructions (like\n\"summarize my journal entries from last week,\" \"write alt text for this image\"\nor \"review this code\"), each with a clear description and customizable\narguments. This enables richer, more user-driven interactions, where clients can\nselect and fill in prompts as needed.`}),`\n`,(0,t.jsx)(\"callout-success\",{children:(0,t.jsxs)(e.p,{children:[\"From \",(0,t.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/server/prompts\",children:`the MCP\nSpec`}),`:\nPrompts are designed to be `,(0,t.jsx)(e.strong,{children:\"user-controlled\"}),`, meaning they are exposed from\nservers to clients with the intention of the user being able to explicitly\nselect them for use. Typically, prompts would be triggered through\nuser-initiated commands in the user interface, which allows users to naturally\ndiscover and invoke available prompts. However, implementors are free to\nexpose prompts through any interface pattern that suits their needs\\u2014the\nprotocol itself does not mandate any specific user interaction model.`]})}),`\n`,(0,t.jsx)(e.p,{children:\"Here's an example of how the user experience might look:\"}),`\n`,(0,t.jsx)(e.div,{className:\"mermaid not-prose\",dangerouslySetInnerHTML:{__html:''}}),`\n`,(0,t.jsx)(\"callout-warning\",{children:(0,t.jsx)(e.p,{children:`Again, the only part here that's specified is the client and server\ncommunication. The rest is up to whoever implements the client.`})}),`\n`,(0,t.jsx)(e.p,{children:'For example, a server might expose a simple \"hello world\" prompt:'}),`\n`,(0,t.jsx)(e.pre,{\"data-line-numbers\":\"true\",\"data-lang\":\"ts\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,t.jsxs)(e.code,{children:[(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[(0,t.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,t.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\" } \",(0,t.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"zod\"}),\"'\",`\n`]}),(0,t.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:`\n`}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[(0,t.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"agent\"}),\".\",(0,t.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"server\"}),\".\",(0,t.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"registerPrompt\"}),\"(\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:[\"\t\",\"'\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"hello_world\"}),\"'\",\",\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[\"\t{\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\ttitle: \",\"'\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Say hello to the user\"}),\"'\",\",\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t\tdescription: \",\"'\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Say hello to the user\"}),\"'\",\",\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t\targsSchema: {\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t\t\tname: \",(0,t.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\".\",(0,t.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"string\"}),\"().\",(0,t.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"describe\"}),\"(\",\"'\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"The name of the user to say hello to\"}),\"'\",\"),\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"\t\t},\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t},\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"\t\",(0,t.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"async\"}),\" ({ \",(0,t.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"name\"}),\" }) \",(0,t.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" ({\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",children:[\"\t\t\",\"messages\",\": [\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",children:[\"\t\t\t{\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",children:[\"\t\t\t\trole: \",\"'\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"user\"}),\"'\",\",\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",children:[\"\t\t\t\tcontent: { type: \",\"'\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"text\"}),\"'\",\", text: \",\"`\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Hello, \"}),\"${\",(0,t.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"name\"}),\"}\",(0,t.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"!\"}),\"`\",\" }\",\",\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",children:[\"\t\t\t},\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",children:[\"\t\t],\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",children:[\"\t}),\",`\n`]}),(0,t.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",children:[\")\",`\n`]})]})}),`\n`,(0,t.jsx)(e.p,{children:`Clients can discover available prompts, retrieve their templates, and supply\narguments to customize the resulting messages. Prompts can include not just\ntext, but also images, audio, or references to server-managed resources\\u2014enabling\nmulti-modal and context-rich interactions.`}),`\n`,(0,t.jsx)(e.p,{children:`This exercise will introduce you to MCP's prompt capabilities, showing how to\ndeclare prompt support, register prompts with arguments, and return structured\nmessages for downstream use.`}),`\n`,(0,t.jsxs)(e.ul,{children:[`\n`,(0,t.jsxs)(e.li,{children:[\"\\u{1F4DC} \",(0,t.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/server/prompts\",children:\"MCP Prompts Specification\"})]}),`\n`]})]})}function m(a={}){let{wrapper:e}=a.components||{};return e?(0,t.jsx)(e,{...a,children:(0,t.jsx)(c,{...a})}):c(a)}return u(v);})();\n;return Component;","finishedCode","var Component=(()=>{var d=Object.create;var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var _=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),j=(t,n)=>{for(var o in n)s(t,o,{get:n[o],enumerable:!0})},c=(t,n,o,a)=>{if(n&&typeof n==\"object\"||typeof n==\"function\")for(let r of x(n))!l.call(t,r)&&r!==o&&s(t,r,{get:()=>n[r],enumerable:!(a=p(n,r))||a.enumerable});return t};var M=(t,n,o)=>(o=t!=null?d(f(t)):{},c(n||!t||!t.__esModule?s(o,\"default\",{value:t,enumerable:!0}):o,t)),g=t=>c(s({},\"__esModule\",{value:!0}),t);var m=_((C,i)=>{i.exports=_jsx_runtime});var w={};j(w,{default:()=>h,frontmatter:()=>k});var e=M(m()),k=void 0;function u(t){let n={h1:\"h1\",p:\"p\",...t.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h1,{children:\"Prompts\"}),`\n`,(0,e.jsx)(n.p,{children:`\\u{1F468}\\u200D\\u{1F4BC} Great work. I'll bet you can think of a few more prompts to add to MCP\nservers you're thinking about huh?!`})]})}function h(t={}){let{wrapper:n}=t.components||{};return n?(0,e.jsx)(n,{...t,children:(0,e.jsx)(u,{...t})}):u(t)}return g(w);})();\n;return Component;","instructionsEpicVideoEmbeds",[],"finishedEpicVideoEmbeds",[],[433,459,476],{"_262":263,"_272":434,"_259":450},{"_20":103,"_155":374,"_422":435,"_22":104,"_24":105,"_424":436,"_437":438,"_439":440,"_443":444,"_447":448,"_260":289,"_262":263,"_9":272,"_449":107},"01.problem.prompts","var Component=(()=>{var m=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var y=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),w=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},a=(t,e,r,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let o of g(e))!f.call(t,o)&&o!==r&&s(t,o,{get:()=>e[o],enumerable:!(i=h(e,o))||i.enumerable});return t};var x=(t,e,r)=>(r=t!=null?m(d(t)):{},a(e||!t||!t.__esModule?s(r,\"default\",{value:t,enumerable:!0}):r,t)),j=t=>a(s({},\"__esModule\",{value:!0}),t);var c=y((M,p)=>{p.exports=_jsx_runtime});var k={};w(k,{default:()=>u,frontmatter:()=>_});var n=x(c()),_=void 0;function l(t){let e={h1:\"h1\",p:\"p\",...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{children:\"Prompts\"}),`\n`,(0,n.jsx)(e.p,{children:`\\u{1F468}\\u200D\\u{1F4BC} Let's make it easier for users to get helpful suggestions in your journaling\napp\\u2014without having to write their own prompts from scratch every time.`}),`\n`,(0,n.jsx)(e.p,{children:`In this step, you'll add support for MCP's prompt capability to your server.\nThis will allow clients to discover and invoke reusable, parameterized\nprompts\\u2014starting with a prompt that helps users get tag suggestions for a\nspecific journal entry.`}),`\n`,(0,n.jsx)(e.p,{children:`By exposing prompts, you'll enable richer, more guided interactions for your\nusers, making common workflows (like tagging entries) just a click away.`})]})}function u(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(l,{...t})}):l(t)}return j(k);})();\n;return Component;","epicVideoEmbeds",[],"test",{"_9":441,"_441":442},"script","vitest","dev",{"_9":441,"_445":446,"_194":195},"portNumber",6031,"stackBlitzUrl","https://stackblitz.com/github/epicweb-dev/mcp-fundamentals/tree/main/exercises/04.prompts/01.problem.prompts?title=Prompts+%28problem%29","solutionName",{"_20":107,"_155":374,"_422":451,"_22":108,"_24":109,"_424":452,"_437":453,"_439":454,"_443":455,"_447":457,"_260":289,"_262":263,"_9":259,"_458":-5},"01.solution.prompts","var Component=(()=>{var d=Object.create;var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var _=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),j=(n,e)=>{for(var o in e)s(n,o,{get:e[o],enumerable:!0})},c=(n,e,o,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of x(e))!l.call(n,r)&&r!==o&&s(n,r,{get:()=>e[r],enumerable:!(i=f(e,r))||i.enumerable});return n};var g=(n,e,o)=>(o=n!=null?d(h(n)):{},c(e||!n||!n.__esModule?s(o,\"default\",{value:n,enumerable:!0}):o,n)),y=n=>c(s({},\"__esModule\",{value:!0}),n);var a=_((D,m)=>{m.exports=_jsx_runtime});var w={};j(w,{default:()=>p,frontmatter:()=>M});var t=g(a()),M=void 0;function u(n){let e={h1:\"h1\",p:\"p\",...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h1,{children:\"Prompts\"}),`\n`,(0,t.jsx)(e.p,{children:`\\u{1F468}\\u200D\\u{1F4BC} You're doing awesome! Adding prompt support is a nice quality of life\nimprovement for your users.`})]})}function p(n={}){let{wrapper:e}=n.components||{};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(u,{...n})}):u(n)}return y(w);})();\n;return Component;",[],{"_9":441,"_441":442},{"_9":441,"_445":456,"_194":195},7031,"https://stackblitz.com/github/epicweb-dev/mcp-fundamentals/tree/main/exercises/04.prompts/01.solution.prompts?title=Prompts+%28solution%29","problemName",{"_262":308,"_272":460,"_259":468},{"_20":111,"_155":378,"_422":461,"_22":112,"_24":113,"_424":462,"_437":463,"_439":464,"_443":465,"_447":467,"_260":289,"_262":308,"_9":272,"_449":115},"02.problem.optimized-prompt","var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var N=(a,e)=>()=>(e||a((e={exports:{}}).exports,e),e.exports),y=(a,e)=>{for(var t in e)s(a,t,{get:e[t],enumerable:!0})},r=(a,e,t,c)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let l of b(e))!k.call(a,l)&&l!==t&&s(a,l,{get:()=>e[l],enumerable:!(c=m(e,l))||c.enumerable});return a};var g=(a,e,t)=>(t=a!=null?p(u(a)):{},r(e||!a||!a.__esModule?s(t,\"default\",{value:a,enumerable:!0}):t,a)),v=a=>r(s({},\"__esModule\",{value:!0}),a);var o=N((j,i)=>{i.exports=_jsx_runtime});var f={};y(f,{default:()=>h,frontmatter:()=>x});var n=g(o()),x=void 0;function d(a){let e={code:\"code\",h1:\"h1\",li:\"li\",ol:\"ol\",p:\"p\",pre:\"pre\",span:\"span\",...a.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{children:\"Optimized Prompts\"}),`\n`,(0,n.jsxs)(e.p,{children:[\"\\u{1F468}\\u200D\\u{1F4BC} Our users are complaining that when they use the \",(0,n.jsx)(e.code,{children:\"suggest_tags\"}),` prompt, it's\ntaking a while to run because it has to run a few tools to get the data it\nneeds.`]}),`\n`,(0,n.jsx)(e.p,{children:\"Instead, we can just include the data in the prompt!\"}),`\n`,(0,n.jsx)(e.p,{children:`So replace the places where we instruct the LLM to run tools to acquire the data\nit needs with references to the data itself. Effectively, we'll have a prompt\nwith multiple messages:`}),`\n`,(0,n.jsxs)(e.ol,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Instructions (please suggest tags)\"}),`\n`,(0,n.jsx)(e.li,{children:\"The entry data\"}),`\n`,(0,n.jsx)(e.li,{children:\"The existing tags\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:\"You can use embedded resources for the data. For example:\"}),`\n`,(0,n.jsx)(e.pre,{\"data-line-numbers\":\"true\",\"data-lang\":\"js\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,n.jsxs)(e.code,{children:[(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[(0,n.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,n.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"prompt\"}),\" \",(0,n.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" {\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[\"\t\",\"messages\",\": [\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[\"\t\t{\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:[\"\t\t\t\",\"role\",\": \",\"'\",(0,n.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"user\"}),\"'\",\",\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[\"\t\t\t\",\"content\",\": {\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\t\t\t\",\"type\",\": \",\"'\",(0,n.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"text\"}),\"'\",\",\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t\t\t\t\",\"text\",\": \",\"'\",(0,n.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"{Instructions}\"}),\"'\",\",\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t\t\t},\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t\t},\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"\t\t{\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t\t\t\",\"role\",\": \",\"'\",(0,n.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"user\"}),\"'\",\",\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"\t\t\t\",\"content\",\": {\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",children:[\"\t\t\t\t\",\"type\",\": \",\"'\",(0,n.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"resource\"}),\"'\",\",\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",children:[\"\t\t\t\t\",\"resource\",\": {\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",children:[\"\t\t\t\t\t\",\"uri\",\": \",\"'\",(0,n.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"{uri}\"}),\"'\",\",\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",children:[\"\t\t\t\t\t\",\"mimeType\",\": \",\"'\",(0,n.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"application/json\"}),\"'\",\",\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",children:[\"\t\t\t\t\t\",\"text\",\": \",(0,n.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"JSON\"}),\".\",(0,n.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"stringify\"}),\"(\",(0,n.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"data\"}),\"),\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",children:[\"\t\t\t\t},\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",children:[\"\t\t\t},\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",children:[\"\t\t},\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",children:[\"\t\t\",(0,n.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// etc...\"}),`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",children:[\"\t],\",`\n`]}),(0,n.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",children:[\"}\",`\n`]})]})})]})}function h(a={}){let{wrapper:e}=a.components||{};return e?(0,n.jsx)(e,{...a,children:(0,n.jsx)(d,{...a})}):d(a)}return v(f);})();\n;return Component;",[],{"_9":441,"_441":442},{"_9":441,"_445":466,"_194":195},6032,"https://stackblitz.com/github/epicweb-dev/mcp-fundamentals/tree/main/exercises/04.prompts/02.problem.optimized-prompt?title=Optimized+Prompts+%28problem%29",{"_20":115,"_155":378,"_422":469,"_22":116,"_24":117,"_424":470,"_437":471,"_439":472,"_443":473,"_447":475,"_260":289,"_262":308,"_9":259,"_458":-5},"02.solution.optimized-prompt","var Component=(()=>{var m=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var g=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),_=(t,n)=>{for(var r in n)s(t,r,{get:n[r],enumerable:!0})},a=(t,n,r,i)=>{if(n&&typeof n==\"object\"||typeof n==\"function\")for(let o of p(n))!f.call(t,o)&&o!==r&&s(t,o,{get:()=>n[o],enumerable:!(i=h(n,o))||i.enumerable});return t};var j=(t,n,r)=>(r=t!=null?m(x(t)):{},a(n||!t||!t.__esModule?s(r,\"default\",{value:t,enumerable:!0}):r,t)),w=t=>a(s({},\"__esModule\",{value:!0}),t);var u=g((k,c)=>{c.exports=_jsx_runtime});var M={};_(M,{default:()=>l,frontmatter:()=>y});var e=j(u()),y=void 0;function d(t){let n={h1:\"h1\",p:\"p\",...t.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h1,{children:\"Optimized Prompts\"}),`\n`,(0,e.jsx)(n.p,{children:`\\u{1F468}\\u200D\\u{1F4BC} Great work! Now we're all set. User's can now easily get their LLM to suggest\ntags for their journal entries and it's optimized to run quickly and without\nhaving to run tools unnecessarily.`})]})}function l(t={}){let{wrapper:n}=t.components||{};return n?(0,e.jsx)(n,{...t,children:(0,e.jsx)(d,{...t})}):d(t)}return w(M);})();\n;return Component;",[],{"_9":441,"_441":442},{"_9":441,"_445":474,"_194":195},7032,"https://stackblitz.com/github/epicweb-dev/mcp-fundamentals/tree/main/exercises/04.prompts/02.solution.optimized-prompt?title=Optimized+Prompts+%28solution%29",{"_262":316,"_272":477,"_259":485},{"_20":119,"_155":380,"_422":478,"_22":120,"_24":121,"_424":479,"_437":480,"_439":481,"_443":482,"_447":484,"_260":289,"_262":316,"_9":272,"_449":123},"03.problem.completion","var Component=(()=>{var p=Object.create;var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var y=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),k=(n,e)=>{for(var l in e)r(n,l,{get:e[l],enumerable:!0})},o=(n,e,l,c)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let s of m(e))!v.call(n,s)&&s!==l&&r(n,s,{get:()=>e[s],enumerable:!(c=h(e,s))||c.enumerable});return n};var N=(n,e,l)=>(l=n!=null?p(u(n)):{},o(e||!n||!n.__esModule?r(l,\"default\",{value:n,enumerable:!0}):l,n)),D=n=>o(r({},\"__esModule\",{value:!0}),n);var i=y((_,t)=>{t.exports=_jsx_runtime});var g={};k(g,{default:()=>b,frontmatter:()=>f});var a=N(i()),f=void 0;function d(n){let e={code:\"code\",h1:\"h1\",p:\"p\",pre:\"pre\",span:\"span\",...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{children:\"Prompt Completion\"}),`\n`,(0,a.jsx)(e.p,{children:`\\u{1F468}\\u200D\\u{1F4BC} As the user searches through the dynamic values it can input for the prompt,\nit would be nice to have auto-completion of values.`}),`\n`,(0,a.jsxs)(e.p,{children:[\"We'll use the \",(0,a.jsx)(e.code,{children:\"completable\"}),\" function to create a completable prompt.\"]}),`\n`,(0,a.jsx)(e.pre,{\"data-line-numbers\":\"true\",\"data-lang\":\"ts\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"import\"}),\" { \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"completable\"}),\" } \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"from\"}),\" \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"@modelcontextprotocol/sdk/server/completable.js\"}),\"'\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// ...\"}),`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"agent\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"server\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"registerPrompt\"}),\"(\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"say_hello\"}),\"'\",\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t\t\",\"title\",\": \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Say hello to the user\"}),\"'\",\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t\t\",\"description\",\": \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Say hello to the user\"}),\"'\",\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"\t\t\",\"argsSchema\",\": {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t\t\",\"name\",\": \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"completable\"}),\"(\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"string\"}),\"().\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"describe\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"The name of the user to say hello to\"}),\"'\",\"),\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"async\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"value\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",children:[\"\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"users\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"await\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"agent\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"db\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"getUsers\"}),\"()\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",children:[\"\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"users\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",children:[\"\t\t\t\t\t.\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"map\"}),\"((\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"user\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"user\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"name\"}),\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",children:[\"\t\t\t\t\t.\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"filter\"}),\"((\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"name\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"name\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"includes\"}),\"(\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"value\"}),\"))\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",children:[\"\t\t\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",children:[\"\t\t),\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",children:[\"\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"async\"}),\" ({ \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"name\"}),\" }) \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// ... return prompt messages\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",children:[\"\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",children:[\")\",`\n`]})]})})]})}function b(n={}){let{wrapper:e}=n.components||{};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(d,{...n})}):d(n)}return D(g);})();\n;return Component;",[],{"_9":441,"_441":442},{"_9":441,"_445":483,"_194":195},6033,"https://stackblitz.com/github/epicweb-dev/mcp-fundamentals/tree/main/exercises/04.prompts/03.problem.completion?title=Prompt+Completion+%28problem%29",{"_20":123,"_155":380,"_422":486,"_22":124,"_24":125,"_424":487,"_437":488,"_439":489,"_443":490,"_447":492,"_260":289,"_262":316,"_9":259,"_458":-5},"03.solution.completion","var Component=(()=>{var h=Object.create;var s=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var _=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),j=(t,n)=>{for(var o in n)s(t,o,{get:n[o],enumerable:!0})},a=(t,n,o,c)=>{if(n&&typeof n==\"object\"||typeof n==\"function\")for(let r of d(n))!l.call(t,r)&&r!==o&&s(t,r,{get:()=>n[r],enumerable:!(c=x(n,r))||c.enumerable});return t};var g=(t,n,o)=>(o=t!=null?h(f(t)):{},a(n||!t||!t.__esModule?s(o,\"default\",{value:t,enumerable:!0}):o,t)),w=t=>a(s({},\"__esModule\",{value:!0}),t);var i=_((F,m)=>{m.exports=_jsx_runtime});var M={};j(M,{default:()=>u,frontmatter:()=>C});var e=g(i()),C=void 0;function p(t){let n={h1:\"h1\",p:\"p\",...t.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h1,{children:\"Prompt Completion\"}),`\n`,(0,e.jsx)(n.p,{children:\"\\u{1F468}\\u200D\\u{1F4BC} Great work! Now the user can get auto-completion of values for the prompt.\"})]})}function u(t={}){let{wrapper:n}=t.components||{};return n?(0,e.jsx)(n,{...t,children:(0,e.jsx)(p,{...t})}):p(t)}return w(M);})();\n;return Component;",[],{"_9":441,"_441":442},{"_9":441,"_445":491,"_194":195},7033,"https://stackblitz.com/github/epicweb-dev/mcp-fundamentals/tree/main/exercises/04.prompts/03.solution.completion?title=Prompt+Completion+%28solution%29",[494,498,502],{"_20":103,"_155":374,"_422":435,"_22":104,"_24":105,"_424":436,"_437":495,"_439":496,"_443":497,"_447":448,"_260":289,"_262":263,"_9":272,"_449":107},[],{"_9":441,"_441":442},{"_9":441,"_445":446,"_194":195},{"_20":111,"_155":378,"_422":461,"_22":112,"_24":113,"_424":462,"_437":499,"_439":500,"_443":501,"_447":467,"_260":289,"_262":308,"_9":272,"_449":115},[],{"_9":441,"_441":442},{"_9":441,"_445":466,"_194":195},{"_20":119,"_155":380,"_422":478,"_22":120,"_24":121,"_424":479,"_437":503,"_439":504,"_443":505,"_447":484,"_260":289,"_262":316,"_9":272,"_449":123},[],{"_9":441,"_441":442},{"_9":441,"_445":483,"_194":195},[507,511,515],{"_20":107,"_155":374,"_422":451,"_22":108,"_24":109,"_424":452,"_437":508,"_439":509,"_443":510,"_447":457,"_260":289,"_262":263,"_9":259,"_458":-5},[],{"_9":441,"_441":442},{"_9":441,"_445":456,"_194":195},{"_20":115,"_155":378,"_422":469,"_22":116,"_24":117,"_424":470,"_437":512,"_439":513,"_443":514,"_447":475,"_260":289,"_262":308,"_9":259,"_458":-5},[],{"_9":441,"_441":442},{"_9":441,"_445":474,"_194":195},{"_20":123,"_155":380,"_422":486,"_22":124,"_24":125,"_424":487,"_437":516,"_439":517,"_443":518,"_447":492,"_260":289,"_262":316,"_9":259,"_458":-5},[],{"_9":441,"_441":442},{"_9":441,"_445":491,"_194":195},"exerciseFormEmbedUrl","https://docs.google.com/forms/d/e/1FAIpQLSf3o9xyjQepTlOTH5Z7ZwkeSTdXh6YWI_RGc9KiyD3oUN0p6w/viewform?hl=en&embedded=true&entry.1836176234=MCP%20Fundamentals%20%F0%9F%A7%B1&entry.428900931=Prompts","epicVideoInfosPromise",["P",522],"exerciseFinished",{"_525":526,"_24":527},"file","/myapp/workshop-content/exercises/04.prompts/FINISHED.mdx","exercises/04.prompts/FINISHED.mdx","prevStepLink",{"_530":531,"_532":533},"to","/exercise/04/03/solution","aria-label","Prompt Completion (solution)","nextStepLink",{"_530":536,"_532":396},"/exercise/05","actionData","errors"]

04. Prompts/Elaboration