[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-vercel-enable-shopify-menus":3,"mdc-suux9f-key":37,"related-repo-vercel-enable-shopify-menus":1069,"related-org-vercel-enable-shopify-menus":1172},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":32,"sourceUrl":35,"mdContent":36},"enable-shopify-menus","implement Shopify-powered navigation menus","Replace the hardcoded nav and footer menus with Shopify-powered menus.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"vercel","Vercel","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fvercel.png",[12,14,17,20,23],{"name":9,"slug":8,"type":13},"tag",{"name":15,"slug":16,"type":13},"E-commerce","e-commerce",{"name":18,"slug":19,"type":13},"Shopify","shopify",{"name":21,"slug":22,"type":13},"Frontend","frontend",{"name":24,"slug":25,"type":13},"Design","design",32,"https:\u002F\u002Fgithub.com\u002Fvercel\u002Fshop","2026-07-30T05:31:21.651736",null,9,[],{"repoUrl":27,"stars":26,"forks":30,"topics":33,"description":34},[],"vercel\u002Fshop","https:\u002F\u002Fgithub.com\u002Fvercel\u002Fshop\u002Ftree\u002FHEAD\u002Fpackages\u002Fplugin\u002Fskills\u002Fenable-shopify-menus","---\nname: enable-shopify-menus\ndescription: Replace the hardcoded nav and footer menus with Shopify-powered menus.\n---\n\n# Enable Shopify Menus\n\nBy default, the storefront's nav and footer render hardcoded fallback items: an inline `const items: MenuItem[] = [...]` in `Nav` (`components\u002Fnav\u002Findex.tsx`) and an empty `const items: MenuItem[] = []` in `Footer` (`components\u002Ffooter\u002Findex.tsx`). The components themselves (`QuickLinks`, `MobileMenu`, `Footer`'s `FooterMenu`) already consume `MenuItem[]` in Shopify shape and render up to three levels of nesting. This skill swaps that inline default to a live Shopify menu fetched by handle, keeping the inline items as the fallback if the menu is missing or empty.\n\n## Before you start\n\nAsk the user two questions in order:\n\n### 1. Which menus do you want to fetch from Shopify?\n\n- **Nav menu** — replaces the hardcoded items used by the desktop quick links and mobile sheet.\n- **Footer menu** — replaces the hardcoded footer columns.\n- **Both**\n\n### 2. What are the Shopify menu handles?\n\nAsk for each selected menu. Defaults: `main-menu` for nav, `footer` for footer.\n\nWait for the user to answer before proceeding.\n\n---\n\n## Part A: Enable Shopify nav menu\n\nSkip this section if the user did not select the nav menu.\n\nEdit `components\u002Fnav\u002Findex.tsx`. Add the `getMenu` import and swap the data source:\n\n```tsx\nimport { getMenu } from \"@\u002Flib\u002Fshopify\u002Foperations\u002Fmenu\";\n```\n\nInside `Nav`, keep the existing inline default and swap the data source so the Shopify menu takes precedence:\n\n```tsx\nconst defaultItems: MenuItem[] = [\n  { id: \"default-nav-shop\", title: \"Shop\", url: \"\u002Fcollections\u002Fall\", type: \"HTTP\", items: [] },\n];\nconst menu = await getMenu({ handle: \"NAV_HANDLE\" });\nconst items = menu?.items ?? defaultItems;\n```\n\nReplace `\"NAV_HANDLE\"` with the handle the user provided. `QuickLinks` and `MobileMenu` already accept `MenuItem[]`, so no other component changes are needed. Keep the inline default as the fallback.\n\n---\n\n## Part B: Enable Shopify footer menu\n\nSkip this section if the user did not select the footer menu.\n\nEdit `components\u002Ffooter\u002Findex.tsx`. Make the component async, add the `getMenu` import, and swap the data source:\n\n```tsx\nimport { getMenu } from \"@\u002Flib\u002Fshopify\u002Foperations\u002Fmenu\";\n```\n\nChange the signature to `async` and replace `const items: MenuItem[] = [];` with:\n\n```tsx\nconst menu = await getMenu({ handle: \"FOOTER_HANDLE\" });\nconst items = menu?.items ?? [];\n```\n\nReplace `\"FOOTER_HANDLE\"` with the handle the user provided. `FooterMenu` already accepts `MenuItem[]`. The footer's default is empty (no columns), so falling back to `[]` simply hides the section when the Shopify menu is missing or empty.\n\nThe `Footer` callsite in `app\u002Flayout.tsx` (or wherever it is rendered) already passes `locale`; if it is not wrapped in `\u003CSuspense>`, the menu fetch will block layout render — that is acceptable since `getMenu` is cached with `\"use cache: remote\"` and `cacheLife(\"max\")`. Wrap in `\u003CSuspense>` only if you specifically want the rest of the page to stream ahead of the footer.\n\n---\n\n## Guardrails\n\n- The `getMenu()` operation in `lib\u002Fshopify\u002Foperations\u002Fmenu.ts` already handles caching (`\"use cache: remote\"`, `cacheTag(\"menus\")`) and URL transformation. Do not duplicate that logic.\n- Always preserve the inline fallback so a missing or empty Shopify menu doesn't leave the user with a blank nav or footer.\n- External links (URLs starting with `http`) are handled by the existing `MenuLink` helpers in each component — no change needed.\n",{"data":38,"body":39},{"name":4,"description":6},{"type":40,"children":41},"root",[42,50,141,148,153,160,194,200,221,226,230,236,241,261,327,339,650,684,687,693,698,716,761,782,893,926,991,994,1000,1063],{"type":43,"tag":44,"props":45,"children":46},"element","h1",{"id":4},[47],{"type":48,"value":49},"text","Enable Shopify Menus",{"type":43,"tag":51,"props":52,"children":53},"p",{},[54,56,63,65,71,73,79,81,87,88,94,95,101,103,109,111,117,118,123,125,131,133,139],{"type":48,"value":55},"By default, the storefront's nav and footer render hardcoded fallback items: an inline ",{"type":43,"tag":57,"props":58,"children":60},"code",{"className":59},[],[61],{"type":48,"value":62},"const items: MenuItem[] = [...]",{"type":48,"value":64}," in ",{"type":43,"tag":57,"props":66,"children":68},{"className":67},[],[69],{"type":48,"value":70},"Nav",{"type":48,"value":72}," (",{"type":43,"tag":57,"props":74,"children":76},{"className":75},[],[77],{"type":48,"value":78},"components\u002Fnav\u002Findex.tsx",{"type":48,"value":80},") and an empty ",{"type":43,"tag":57,"props":82,"children":84},{"className":83},[],[85],{"type":48,"value":86},"const items: MenuItem[] = []",{"type":48,"value":64},{"type":43,"tag":57,"props":89,"children":91},{"className":90},[],[92],{"type":48,"value":93},"Footer",{"type":48,"value":72},{"type":43,"tag":57,"props":96,"children":98},{"className":97},[],[99],{"type":48,"value":100},"components\u002Ffooter\u002Findex.tsx",{"type":48,"value":102},"). The components themselves (",{"type":43,"tag":57,"props":104,"children":106},{"className":105},[],[107],{"type":48,"value":108},"QuickLinks",{"type":48,"value":110},", ",{"type":43,"tag":57,"props":112,"children":114},{"className":113},[],[115],{"type":48,"value":116},"MobileMenu",{"type":48,"value":110},{"type":43,"tag":57,"props":119,"children":121},{"className":120},[],[122],{"type":48,"value":93},{"type":48,"value":124},"'s ",{"type":43,"tag":57,"props":126,"children":128},{"className":127},[],[129],{"type":48,"value":130},"FooterMenu",{"type":48,"value":132},") already consume ",{"type":43,"tag":57,"props":134,"children":136},{"className":135},[],[137],{"type":48,"value":138},"MenuItem[]",{"type":48,"value":140}," in Shopify shape and render up to three levels of nesting. This skill swaps that inline default to a live Shopify menu fetched by handle, keeping the inline items as the fallback if the menu is missing or empty.",{"type":43,"tag":142,"props":143,"children":145},"h2",{"id":144},"before-you-start",[146],{"type":48,"value":147},"Before you start",{"type":43,"tag":51,"props":149,"children":150},{},[151],{"type":48,"value":152},"Ask the user two questions in order:",{"type":43,"tag":154,"props":155,"children":157},"h3",{"id":156},"_1-which-menus-do-you-want-to-fetch-from-shopify",[158],{"type":48,"value":159},"1. Which menus do you want to fetch from Shopify?",{"type":43,"tag":161,"props":162,"children":163},"ul",{},[164,176,186],{"type":43,"tag":165,"props":166,"children":167},"li",{},[168,174],{"type":43,"tag":169,"props":170,"children":171},"strong",{},[172],{"type":48,"value":173},"Nav menu",{"type":48,"value":175}," — replaces the hardcoded items used by the desktop quick links and mobile sheet.",{"type":43,"tag":165,"props":177,"children":178},{},[179,184],{"type":43,"tag":169,"props":180,"children":181},{},[182],{"type":48,"value":183},"Footer menu",{"type":48,"value":185}," — replaces the hardcoded footer columns.",{"type":43,"tag":165,"props":187,"children":188},{},[189],{"type":43,"tag":169,"props":190,"children":191},{},[192],{"type":48,"value":193},"Both",{"type":43,"tag":154,"props":195,"children":197},{"id":196},"_2-what-are-the-shopify-menu-handles",[198],{"type":48,"value":199},"2. What are the Shopify menu handles?",{"type":43,"tag":51,"props":201,"children":202},{},[203,205,211,213,219],{"type":48,"value":204},"Ask for each selected menu. Defaults: ",{"type":43,"tag":57,"props":206,"children":208},{"className":207},[],[209],{"type":48,"value":210},"main-menu",{"type":48,"value":212}," for nav, ",{"type":43,"tag":57,"props":214,"children":216},{"className":215},[],[217],{"type":48,"value":218},"footer",{"type":48,"value":220}," for footer.",{"type":43,"tag":51,"props":222,"children":223},{},[224],{"type":48,"value":225},"Wait for the user to answer before proceeding.",{"type":43,"tag":227,"props":228,"children":229},"hr",{},[],{"type":43,"tag":142,"props":231,"children":233},{"id":232},"part-a-enable-shopify-nav-menu",[234],{"type":48,"value":235},"Part A: Enable Shopify nav menu",{"type":43,"tag":51,"props":237,"children":238},{},[239],{"type":48,"value":240},"Skip this section if the user did not select the nav menu.",{"type":43,"tag":51,"props":242,"children":243},{},[244,246,251,253,259],{"type":48,"value":245},"Edit ",{"type":43,"tag":57,"props":247,"children":249},{"className":248},[],[250],{"type":48,"value":78},{"type":48,"value":252},". Add the ",{"type":43,"tag":57,"props":254,"children":256},{"className":255},[],[257],{"type":48,"value":258},"getMenu",{"type":48,"value":260}," import and swap the data source:",{"type":43,"tag":262,"props":263,"children":268},"pre",{"className":264,"code":265,"language":266,"meta":267,"style":267},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { getMenu } from \"@\u002Flib\u002Fshopify\u002Foperations\u002Fmenu\";\n","tsx","",[269],{"type":43,"tag":57,"props":270,"children":271},{"__ignoreMap":267},[272],{"type":43,"tag":273,"props":274,"children":277},"span",{"class":275,"line":276},"line",1,[278,284,290,296,301,306,311,317,322],{"type":43,"tag":273,"props":279,"children":281},{"style":280},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[282],{"type":48,"value":283},"import",{"type":43,"tag":273,"props":285,"children":287},{"style":286},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[288],{"type":48,"value":289}," {",{"type":43,"tag":273,"props":291,"children":293},{"style":292},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[294],{"type":48,"value":295}," getMenu",{"type":43,"tag":273,"props":297,"children":298},{"style":286},[299],{"type":48,"value":300}," }",{"type":43,"tag":273,"props":302,"children":303},{"style":280},[304],{"type":48,"value":305}," from",{"type":43,"tag":273,"props":307,"children":308},{"style":286},[309],{"type":48,"value":310}," \"",{"type":43,"tag":273,"props":312,"children":314},{"style":313},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[315],{"type":48,"value":316},"@\u002Flib\u002Fshopify\u002Foperations\u002Fmenu",{"type":43,"tag":273,"props":318,"children":319},{"style":286},[320],{"type":48,"value":321},"\"",{"type":43,"tag":273,"props":323,"children":324},{"style":286},[325],{"type":48,"value":326},";\n",{"type":43,"tag":51,"props":328,"children":329},{},[330,332,337],{"type":48,"value":331},"Inside ",{"type":43,"tag":57,"props":333,"children":335},{"className":334},[],[336],{"type":48,"value":70},{"type":48,"value":338},", keep the existing inline default and swap the data source so the Shopify menu takes precedence:",{"type":43,"tag":262,"props":340,"children":342},{"className":264,"code":341,"language":266,"meta":267,"style":267},"const defaultItems: MenuItem[] = [\n  { id: \"default-nav-shop\", title: \"Shop\", url: \"\u002Fcollections\u002Fall\", type: \"HTTP\", items: [] },\n];\nconst menu = await getMenu({ handle: \"NAV_HANDLE\" });\nconst items = menu?.items ?? defaultItems;\n",[343],{"type":43,"tag":57,"props":344,"children":345},{"__ignoreMap":267},[346,386,520,533,605],{"type":43,"tag":273,"props":347,"children":348},{"class":275,"line":276},[349,355,360,365,371,376,381],{"type":43,"tag":273,"props":350,"children":352},{"style":351},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[353],{"type":48,"value":354},"const",{"type":43,"tag":273,"props":356,"children":357},{"style":292},[358],{"type":48,"value":359}," defaultItems",{"type":43,"tag":273,"props":361,"children":362},{"style":286},[363],{"type":48,"value":364},":",{"type":43,"tag":273,"props":366,"children":368},{"style":367},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[369],{"type":48,"value":370}," MenuItem",{"type":43,"tag":273,"props":372,"children":373},{"style":292},[374],{"type":48,"value":375},"[] ",{"type":43,"tag":273,"props":377,"children":378},{"style":286},[379],{"type":48,"value":380},"=",{"type":43,"tag":273,"props":382,"children":383},{"style":292},[384],{"type":48,"value":385}," [\n",{"type":43,"tag":273,"props":387,"children":389},{"class":275,"line":388},2,[390,395,401,405,409,414,418,423,428,432,436,441,445,449,454,458,462,467,471,475,480,484,488,493,497,501,506,510,515],{"type":43,"tag":273,"props":391,"children":392},{"style":286},[393],{"type":48,"value":394},"  {",{"type":43,"tag":273,"props":396,"children":398},{"style":397},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[399],{"type":48,"value":400}," id",{"type":43,"tag":273,"props":402,"children":403},{"style":286},[404],{"type":48,"value":364},{"type":43,"tag":273,"props":406,"children":407},{"style":286},[408],{"type":48,"value":310},{"type":43,"tag":273,"props":410,"children":411},{"style":313},[412],{"type":48,"value":413},"default-nav-shop",{"type":43,"tag":273,"props":415,"children":416},{"style":286},[417],{"type":48,"value":321},{"type":43,"tag":273,"props":419,"children":420},{"style":286},[421],{"type":48,"value":422},",",{"type":43,"tag":273,"props":424,"children":425},{"style":397},[426],{"type":48,"value":427}," title",{"type":43,"tag":273,"props":429,"children":430},{"style":286},[431],{"type":48,"value":364},{"type":43,"tag":273,"props":433,"children":434},{"style":286},[435],{"type":48,"value":310},{"type":43,"tag":273,"props":437,"children":438},{"style":313},[439],{"type":48,"value":440},"Shop",{"type":43,"tag":273,"props":442,"children":443},{"style":286},[444],{"type":48,"value":321},{"type":43,"tag":273,"props":446,"children":447},{"style":286},[448],{"type":48,"value":422},{"type":43,"tag":273,"props":450,"children":451},{"style":397},[452],{"type":48,"value":453}," url",{"type":43,"tag":273,"props":455,"children":456},{"style":286},[457],{"type":48,"value":364},{"type":43,"tag":273,"props":459,"children":460},{"style":286},[461],{"type":48,"value":310},{"type":43,"tag":273,"props":463,"children":464},{"style":313},[465],{"type":48,"value":466},"\u002Fcollections\u002Fall",{"type":43,"tag":273,"props":468,"children":469},{"style":286},[470],{"type":48,"value":321},{"type":43,"tag":273,"props":472,"children":473},{"style":286},[474],{"type":48,"value":422},{"type":43,"tag":273,"props":476,"children":477},{"style":397},[478],{"type":48,"value":479}," type",{"type":43,"tag":273,"props":481,"children":482},{"style":286},[483],{"type":48,"value":364},{"type":43,"tag":273,"props":485,"children":486},{"style":286},[487],{"type":48,"value":310},{"type":43,"tag":273,"props":489,"children":490},{"style":313},[491],{"type":48,"value":492},"HTTP",{"type":43,"tag":273,"props":494,"children":495},{"style":286},[496],{"type":48,"value":321},{"type":43,"tag":273,"props":498,"children":499},{"style":286},[500],{"type":48,"value":422},{"type":43,"tag":273,"props":502,"children":503},{"style":397},[504],{"type":48,"value":505}," items",{"type":43,"tag":273,"props":507,"children":508},{"style":286},[509],{"type":48,"value":364},{"type":43,"tag":273,"props":511,"children":512},{"style":292},[513],{"type":48,"value":514}," [] ",{"type":43,"tag":273,"props":516,"children":517},{"style":286},[518],{"type":48,"value":519},"},\n",{"type":43,"tag":273,"props":521,"children":523},{"class":275,"line":522},3,[524,529],{"type":43,"tag":273,"props":525,"children":526},{"style":292},[527],{"type":48,"value":528},"]",{"type":43,"tag":273,"props":530,"children":531},{"style":286},[532],{"type":48,"value":326},{"type":43,"tag":273,"props":534,"children":536},{"class":275,"line":535},4,[537,541,546,550,555,560,565,570,575,579,583,588,592,596,601],{"type":43,"tag":273,"props":538,"children":539},{"style":351},[540],{"type":48,"value":354},{"type":43,"tag":273,"props":542,"children":543},{"style":292},[544],{"type":48,"value":545}," menu ",{"type":43,"tag":273,"props":547,"children":548},{"style":286},[549],{"type":48,"value":380},{"type":43,"tag":273,"props":551,"children":552},{"style":280},[553],{"type":48,"value":554}," await",{"type":43,"tag":273,"props":556,"children":558},{"style":557},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[559],{"type":48,"value":295},{"type":43,"tag":273,"props":561,"children":562},{"style":292},[563],{"type":48,"value":564},"(",{"type":43,"tag":273,"props":566,"children":567},{"style":286},[568],{"type":48,"value":569},"{",{"type":43,"tag":273,"props":571,"children":572},{"style":397},[573],{"type":48,"value":574}," handle",{"type":43,"tag":273,"props":576,"children":577},{"style":286},[578],{"type":48,"value":364},{"type":43,"tag":273,"props":580,"children":581},{"style":286},[582],{"type":48,"value":310},{"type":43,"tag":273,"props":584,"children":585},{"style":313},[586],{"type":48,"value":587},"NAV_HANDLE",{"type":43,"tag":273,"props":589,"children":590},{"style":286},[591],{"type":48,"value":321},{"type":43,"tag":273,"props":593,"children":594},{"style":286},[595],{"type":48,"value":300},{"type":43,"tag":273,"props":597,"children":598},{"style":292},[599],{"type":48,"value":600},")",{"type":43,"tag":273,"props":602,"children":603},{"style":286},[604],{"type":48,"value":326},{"type":43,"tag":273,"props":606,"children":608},{"class":275,"line":607},5,[609,613,618,622,627,632,637,642,646],{"type":43,"tag":273,"props":610,"children":611},{"style":351},[612],{"type":48,"value":354},{"type":43,"tag":273,"props":614,"children":615},{"style":292},[616],{"type":48,"value":617}," items ",{"type":43,"tag":273,"props":619,"children":620},{"style":286},[621],{"type":48,"value":380},{"type":43,"tag":273,"props":623,"children":624},{"style":292},[625],{"type":48,"value":626}," menu",{"type":43,"tag":273,"props":628,"children":629},{"style":286},[630],{"type":48,"value":631},"?.",{"type":43,"tag":273,"props":633,"children":634},{"style":292},[635],{"type":48,"value":636},"items ",{"type":43,"tag":273,"props":638,"children":639},{"style":286},[640],{"type":48,"value":641},"??",{"type":43,"tag":273,"props":643,"children":644},{"style":292},[645],{"type":48,"value":359},{"type":43,"tag":273,"props":647,"children":648},{"style":286},[649],{"type":48,"value":326},{"type":43,"tag":51,"props":651,"children":652},{},[653,655,661,663,668,670,675,677,682],{"type":48,"value":654},"Replace ",{"type":43,"tag":57,"props":656,"children":658},{"className":657},[],[659],{"type":48,"value":660},"\"NAV_HANDLE\"",{"type":48,"value":662}," with the handle the user provided. ",{"type":43,"tag":57,"props":664,"children":666},{"className":665},[],[667],{"type":48,"value":108},{"type":48,"value":669}," and ",{"type":43,"tag":57,"props":671,"children":673},{"className":672},[],[674],{"type":48,"value":116},{"type":48,"value":676}," already accept ",{"type":43,"tag":57,"props":678,"children":680},{"className":679},[],[681],{"type":48,"value":138},{"type":48,"value":683},", so no other component changes are needed. Keep the inline default as the fallback.",{"type":43,"tag":227,"props":685,"children":686},{},[],{"type":43,"tag":142,"props":688,"children":690},{"id":689},"part-b-enable-shopify-footer-menu",[691],{"type":48,"value":692},"Part B: Enable Shopify footer menu",{"type":43,"tag":51,"props":694,"children":695},{},[696],{"type":48,"value":697},"Skip this section if the user did not select the footer menu.",{"type":43,"tag":51,"props":699,"children":700},{},[701,702,707,709,714],{"type":48,"value":245},{"type":43,"tag":57,"props":703,"children":705},{"className":704},[],[706],{"type":48,"value":100},{"type":48,"value":708},". Make the component async, add the ",{"type":43,"tag":57,"props":710,"children":712},{"className":711},[],[713],{"type":48,"value":258},{"type":48,"value":715}," import, and swap the data source:",{"type":43,"tag":262,"props":717,"children":718},{"className":264,"code":265,"language":266,"meta":267,"style":267},[719],{"type":43,"tag":57,"props":720,"children":721},{"__ignoreMap":267},[722],{"type":43,"tag":273,"props":723,"children":724},{"class":275,"line":276},[725,729,733,737,741,745,749,753,757],{"type":43,"tag":273,"props":726,"children":727},{"style":280},[728],{"type":48,"value":283},{"type":43,"tag":273,"props":730,"children":731},{"style":286},[732],{"type":48,"value":289},{"type":43,"tag":273,"props":734,"children":735},{"style":292},[736],{"type":48,"value":295},{"type":43,"tag":273,"props":738,"children":739},{"style":286},[740],{"type":48,"value":300},{"type":43,"tag":273,"props":742,"children":743},{"style":280},[744],{"type":48,"value":305},{"type":43,"tag":273,"props":746,"children":747},{"style":286},[748],{"type":48,"value":310},{"type":43,"tag":273,"props":750,"children":751},{"style":313},[752],{"type":48,"value":316},{"type":43,"tag":273,"props":754,"children":755},{"style":286},[756],{"type":48,"value":321},{"type":43,"tag":273,"props":758,"children":759},{"style":286},[760],{"type":48,"value":326},{"type":43,"tag":51,"props":762,"children":763},{},[764,766,772,774,780],{"type":48,"value":765},"Change the signature to ",{"type":43,"tag":57,"props":767,"children":769},{"className":768},[],[770],{"type":48,"value":771},"async",{"type":48,"value":773}," and replace ",{"type":43,"tag":57,"props":775,"children":777},{"className":776},[],[778],{"type":48,"value":779},"const items: MenuItem[] = [];",{"type":48,"value":781}," with:",{"type":43,"tag":262,"props":783,"children":785},{"className":264,"code":784,"language":266,"meta":267,"style":267},"const menu = await getMenu({ handle: \"FOOTER_HANDLE\" });\nconst items = menu?.items ?? [];\n",[786],{"type":43,"tag":57,"props":787,"children":788},{"__ignoreMap":267},[789,853],{"type":43,"tag":273,"props":790,"children":791},{"class":275,"line":276},[792,796,800,804,808,812,816,820,824,828,832,837,841,845,849],{"type":43,"tag":273,"props":793,"children":794},{"style":351},[795],{"type":48,"value":354},{"type":43,"tag":273,"props":797,"children":798},{"style":292},[799],{"type":48,"value":545},{"type":43,"tag":273,"props":801,"children":802},{"style":286},[803],{"type":48,"value":380},{"type":43,"tag":273,"props":805,"children":806},{"style":280},[807],{"type":48,"value":554},{"type":43,"tag":273,"props":809,"children":810},{"style":557},[811],{"type":48,"value":295},{"type":43,"tag":273,"props":813,"children":814},{"style":292},[815],{"type":48,"value":564},{"type":43,"tag":273,"props":817,"children":818},{"style":286},[819],{"type":48,"value":569},{"type":43,"tag":273,"props":821,"children":822},{"style":397},[823],{"type":48,"value":574},{"type":43,"tag":273,"props":825,"children":826},{"style":286},[827],{"type":48,"value":364},{"type":43,"tag":273,"props":829,"children":830},{"style":286},[831],{"type":48,"value":310},{"type":43,"tag":273,"props":833,"children":834},{"style":313},[835],{"type":48,"value":836},"FOOTER_HANDLE",{"type":43,"tag":273,"props":838,"children":839},{"style":286},[840],{"type":48,"value":321},{"type":43,"tag":273,"props":842,"children":843},{"style":286},[844],{"type":48,"value":300},{"type":43,"tag":273,"props":846,"children":847},{"style":292},[848],{"type":48,"value":600},{"type":43,"tag":273,"props":850,"children":851},{"style":286},[852],{"type":48,"value":326},{"type":43,"tag":273,"props":854,"children":855},{"class":275,"line":388},[856,860,864,868,872,876,880,884,889],{"type":43,"tag":273,"props":857,"children":858},{"style":351},[859],{"type":48,"value":354},{"type":43,"tag":273,"props":861,"children":862},{"style":292},[863],{"type":48,"value":617},{"type":43,"tag":273,"props":865,"children":866},{"style":286},[867],{"type":48,"value":380},{"type":43,"tag":273,"props":869,"children":870},{"style":292},[871],{"type":48,"value":626},{"type":43,"tag":273,"props":873,"children":874},{"style":286},[875],{"type":48,"value":631},{"type":43,"tag":273,"props":877,"children":878},{"style":292},[879],{"type":48,"value":636},{"type":43,"tag":273,"props":881,"children":882},{"style":286},[883],{"type":48,"value":641},{"type":43,"tag":273,"props":885,"children":886},{"style":292},[887],{"type":48,"value":888}," []",{"type":43,"tag":273,"props":890,"children":891},{"style":286},[892],{"type":48,"value":326},{"type":43,"tag":51,"props":894,"children":895},{},[896,897,903,904,909,911,916,918,924],{"type":48,"value":654},{"type":43,"tag":57,"props":898,"children":900},{"className":899},[],[901],{"type":48,"value":902},"\"FOOTER_HANDLE\"",{"type":48,"value":662},{"type":43,"tag":57,"props":905,"children":907},{"className":906},[],[908],{"type":48,"value":130},{"type":48,"value":910}," already accepts ",{"type":43,"tag":57,"props":912,"children":914},{"className":913},[],[915],{"type":48,"value":138},{"type":48,"value":917},". The footer's default is empty (no columns), so falling back to ",{"type":43,"tag":57,"props":919,"children":921},{"className":920},[],[922],{"type":48,"value":923},"[]",{"type":48,"value":925}," simply hides the section when the Shopify menu is missing or empty.",{"type":43,"tag":51,"props":927,"children":928},{},[929,931,936,938,944,946,952,954,960,962,967,969,975,976,982,984,989],{"type":48,"value":930},"The ",{"type":43,"tag":57,"props":932,"children":934},{"className":933},[],[935],{"type":48,"value":93},{"type":48,"value":937}," callsite in ",{"type":43,"tag":57,"props":939,"children":941},{"className":940},[],[942],{"type":48,"value":943},"app\u002Flayout.tsx",{"type":48,"value":945}," (or wherever it is rendered) already passes ",{"type":43,"tag":57,"props":947,"children":949},{"className":948},[],[950],{"type":48,"value":951},"locale",{"type":48,"value":953},"; if it is not wrapped in ",{"type":43,"tag":57,"props":955,"children":957},{"className":956},[],[958],{"type":48,"value":959},"\u003CSuspense>",{"type":48,"value":961},", the menu fetch will block layout render — that is acceptable since ",{"type":43,"tag":57,"props":963,"children":965},{"className":964},[],[966],{"type":48,"value":258},{"type":48,"value":968}," is cached with ",{"type":43,"tag":57,"props":970,"children":972},{"className":971},[],[973],{"type":48,"value":974},"\"use cache: remote\"",{"type":48,"value":669},{"type":43,"tag":57,"props":977,"children":979},{"className":978},[],[980],{"type":48,"value":981},"cacheLife(\"max\")",{"type":48,"value":983},". Wrap in ",{"type":43,"tag":57,"props":985,"children":987},{"className":986},[],[988],{"type":48,"value":959},{"type":48,"value":990}," only if you specifically want the rest of the page to stream ahead of the footer.",{"type":43,"tag":227,"props":992,"children":993},{},[],{"type":43,"tag":142,"props":995,"children":997},{"id":996},"guardrails",[998],{"type":48,"value":999},"Guardrails",{"type":43,"tag":161,"props":1001,"children":1002},{},[1003,1037,1042],{"type":43,"tag":165,"props":1004,"children":1005},{},[1006,1007,1013,1015,1021,1023,1028,1029,1035],{"type":48,"value":930},{"type":43,"tag":57,"props":1008,"children":1010},{"className":1009},[],[1011],{"type":48,"value":1012},"getMenu()",{"type":48,"value":1014}," operation in ",{"type":43,"tag":57,"props":1016,"children":1018},{"className":1017},[],[1019],{"type":48,"value":1020},"lib\u002Fshopify\u002Foperations\u002Fmenu.ts",{"type":48,"value":1022}," already handles caching (",{"type":43,"tag":57,"props":1024,"children":1026},{"className":1025},[],[1027],{"type":48,"value":974},{"type":48,"value":110},{"type":43,"tag":57,"props":1030,"children":1032},{"className":1031},[],[1033],{"type":48,"value":1034},"cacheTag(\"menus\")",{"type":48,"value":1036},") and URL transformation. Do not duplicate that logic.",{"type":43,"tag":165,"props":1038,"children":1039},{},[1040],{"type":48,"value":1041},"Always preserve the inline fallback so a missing or empty Shopify menu doesn't leave the user with a blank nav or footer.",{"type":43,"tag":165,"props":1043,"children":1044},{},[1045,1047,1053,1055,1061],{"type":48,"value":1046},"External links (URLs starting with ",{"type":43,"tag":57,"props":1048,"children":1050},{"className":1049},[],[1051],{"type":48,"value":1052},"http",{"type":48,"value":1054},") are handled by the existing ",{"type":43,"tag":57,"props":1056,"children":1058},{"className":1057},[],[1059],{"type":48,"value":1060},"MenuLink",{"type":48,"value":1062}," helpers in each component — no change needed.",{"type":43,"tag":1064,"props":1065,"children":1066},"style",{},[1067],{"type":48,"value":1068},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":1070,"total":1171},[1071,1085,1105,1122,1134,1142,1155],{"slug":1072,"name":1072,"fn":1073,"description":1074,"org":1075,"tags":1076,"stars":26,"repoUrl":27,"updatedAt":1084},"build-shop","build and adapt Shopify storefronts","Build or adapt a Shopify storefront with Vercel Shop source-backed patterns. Use when creating, redesigning, refactoring, or reviewing storefront routes, commerce data, rendering, caching, streaming, navigation, cart, account, mutations, product cards, media, loading states, or when applying Vercel Shop outside the template.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1077,1080,1081,1082,1083],{"name":1078,"slug":1079,"type":13},"Caching","caching",{"name":15,"slug":16,"type":13},{"name":21,"slug":22,"type":13},{"name":18,"slug":19,"type":13},{"name":9,"slug":8,"type":13},"2026-07-01T08:07:40.865869",{"slug":1086,"name":1086,"fn":1087,"description":1088,"org":1089,"tags":1090,"stars":26,"repoUrl":27,"updatedAt":1104},"enable-analytics","enable analytics and performance monitoring","Add Vercel Analytics, Vercel Speed Insights, and Google Tag Manager to the storefront.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1091,1094,1097,1100,1103],{"name":1092,"slug":1093,"type":13},"Analytics","analytics",{"name":1095,"slug":1096,"type":13},"Marketing","marketing",{"name":1098,"slug":1099,"type":13},"Monitoring","monitoring",{"name":1101,"slug":1102,"type":13},"Performance","performance",{"name":9,"slug":8,"type":13},"2026-07-30T05:31:20.646283",{"slug":1106,"name":1106,"fn":1107,"description":1108,"org":1109,"tags":1110,"stars":26,"repoUrl":27,"updatedAt":1121},"enable-i18n","enable multi-language support with next-intl","Enable next-intl-based i18n in the shop template — locale-prefixed URLs, per-locale message catalogs, and a locale switcher. Use when the user wants \"locale URLs\", \"multi-language\", or \"i18n\" without Shopify Markets integration. For full Shopify Markets multi-region commerce (region-aware pricing, inventory, payments), use `enable-shopify-markets` instead — this skill is the routing\u002Fi18n layer only.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1111,1112,1114,1117,1118],{"name":21,"slug":22,"type":13},{"name":1113,"slug":1113,"type":13},"i18n",{"name":1115,"slug":1116,"type":13},"Next.js","next-js",{"name":9,"slug":8,"type":13},{"name":1119,"slug":1120,"type":13},"Web Development","web-development","2026-07-30T05:31:22.633341",{"slug":1123,"name":1123,"fn":1124,"description":1125,"org":1126,"tags":1127,"stars":26,"repoUrl":27,"updatedAt":1133},"enable-shopify-markets","enable multi-locale support with Shopify Markets","Enable Shopify Markets with regional locales, localized Storefront API context, and next-intl routing. Supports locale-prefixed, invisible cookie-based, and per-domain routing without a separate market URL segment or market mapping.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1128,1129,1130,1131,1132],{"name":15,"slug":16,"type":13},{"name":1113,"slug":1113,"type":13},{"name":1095,"slug":1096,"type":13},{"name":18,"slug":19,"type":13},{"name":9,"slug":8,"type":13},"2026-07-30T05:31:19.636559",{"slug":4,"name":4,"fn":5,"description":6,"org":1135,"tags":1136,"stars":26,"repoUrl":27,"updatedAt":28},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1137,1138,1139,1140,1141],{"name":24,"slug":25,"type":13},{"name":15,"slug":16,"type":13},{"name":21,"slug":22,"type":13},{"name":18,"slug":19,"type":13},{"name":9,"slug":8,"type":13},{"slug":1143,"name":1143,"fn":1144,"description":1145,"org":1146,"tags":1147,"stars":26,"repoUrl":27,"updatedAt":1154},"init-vercel-shop","initialize Vercel Shop storefront projects","Initialize a new Vercel Shop storefront with the official create-vercel-shop CLI. Use when the user wants to create, scaffold, start, or initialize a Vercel Shop project from a coding agent.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1148,1151,1152,1153],{"name":1149,"slug":1150,"type":13},"CLI","cli",{"name":15,"slug":16,"type":13},{"name":9,"slug":8,"type":13},{"name":1119,"slug":1120,"type":13},"2026-06-20T07:52:13.955072",{"slug":1156,"name":1156,"fn":1157,"description":1158,"org":1159,"tags":1160,"stars":26,"repoUrl":27,"updatedAt":1170},"shopify-graphql-reference","reference Shopify GraphQL patterns and fragments","Integrate Shopify-validated Storefront or Customer Account GraphQL into Vercel Shop. Use after Shopify AI Toolkit has supplied and validated an API operation, or when adapting existing GraphQL to the template's operation placement, fragments, domain transforms, locale flow, cache role, invalidation, and route architecture.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1161,1164,1165,1168,1169],{"name":1162,"slug":1163,"type":13},"Documentation","documentation",{"name":15,"slug":16,"type":13},{"name":1166,"slug":1167,"type":13},"GraphQL","graphql",{"name":18,"slug":19,"type":13},{"name":9,"slug":8,"type":13},"2026-04-19T04:56:32.035454",8,{"items":1173,"total":1340},[1174,1190,1202,1219,1230,1245,1261,1279,1291,1308,1320,1330],{"slug":1175,"name":1175,"fn":1176,"description":1177,"org":1178,"tags":1179,"stars":1187,"repoUrl":1188,"updatedAt":1189},"next-cache-components-adoption","enable and migrate to Next.js Cache Components","Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender \u002F instant validation errors, run the `cache-components-instant-false` codemod, or decide between opting routes out with `export const instant = false` and fixing them in place.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1180,1181,1182,1185,1186],{"name":1078,"slug":1079,"type":13},{"name":21,"slug":22,"type":13},{"name":1183,"slug":1184,"type":13},"Migration","migration",{"name":1115,"slug":1116,"type":13},{"name":9,"slug":8,"type":13},141208,"https:\u002F\u002Fgithub.com\u002Fvercel\u002Fnext.js","2026-07-24T05:38:30.118542",{"slug":1191,"name":1191,"fn":1192,"description":1193,"org":1194,"tags":1195,"stars":1187,"repoUrl":1188,"updatedAt":1201},"next-cache-components-optimizer","optimize Next.js cache components","Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components \u002F PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next\u002Fplaywright instant() e2e and work it to green, one verified route at a time; the shipped test then guards against regression. Use when asked to make a route's navigation instant (its static shell commits immediately), fix a route whose static shell isn't prerendered\u002Fserved\u002Fprefetched, grow a route's static shell or fix its slow first paint, diagnose which Suspense boundary keeps a route out of its static shell, or write the instant() e2e guard for one. Requires Next.js 16.3+ with cacheComponents; directs an upgrade if older.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1196,1197,1198,1199,1200],{"name":1078,"slug":1079,"type":13},{"name":21,"slug":22,"type":13},{"name":1115,"slug":1116,"type":13},{"name":1101,"slug":1102,"type":13},{"name":9,"slug":8,"type":13},"2026-07-30T05:31:10.674078",{"slug":1203,"name":1203,"fn":1204,"description":1205,"org":1206,"tags":1207,"stars":1187,"repoUrl":1188,"updatedAt":1218},"next-dev-loop","verify Next.js runtime behavior","Verify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-checks. Combines \u002F_next\u002Fmcp (Next.js's view) with agent-browser (the browser's view). Requires a running `next dev`.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1208,1211,1212,1215,1216,1217],{"name":1209,"slug":1210,"type":13},"Debugging","debugging",{"name":21,"slug":22,"type":13},{"name":1213,"slug":1214,"type":13},"Local Development","local-development",{"name":1115,"slug":1116,"type":13},{"name":9,"slug":8,"type":13},{"name":1119,"slug":1120,"type":13},"2026-05-22T06:45:28.627735",{"slug":1220,"name":1220,"fn":1221,"description":1222,"org":1223,"tags":1224,"stars":1187,"repoUrl":1188,"updatedAt":1229},"next-partial-prefetching-adoption","adopt Partial Prefetching in Next.js apps","Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip the `partialPrefetching` flag, opt routes in with `export const prefetch = 'partial'`, audit `\u003CLink prefetch={true}>` calls, or resolve the link-prefetch-partial and instant-shell-url-data insights.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1225,1226,1227,1228],{"name":21,"slug":22,"type":13},{"name":1115,"slug":1116,"type":13},{"name":1101,"slug":1102,"type":13},{"name":9,"slug":8,"type":13},"2026-07-30T05:31:11.591864",{"slug":1231,"name":1231,"fn":1232,"description":1233,"org":1234,"tags":1235,"stars":1242,"repoUrl":1243,"updatedAt":1244},"turborepo","manage monorepos with Turborepo","Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines,\ndependsOn, caching, remote cache, the \"turbo\" CLI, --filter, --affected, CI optimization, environment\nvariables, internal packages, monorepo structure\u002Fbest practices, and boundaries.\n\nUse when user: configures tasks\u002Fworkflows\u002Fpipelines, creates packages, sets up\nmonorepo, shares code between apps, runs changed\u002Faffected packages, debugs cache,\nor has apps\u002Fpackages directories.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1236,1239,1240],{"name":1237,"slug":1238,"type":13},"CI\u002FCD","ci-cd",{"name":1101,"slug":1102,"type":13},{"name":1241,"slug":1231,"type":13},"Turborepo",30809,"https:\u002F\u002Fgithub.com\u002Fvercel\u002Fturborepo","2026-07-30T05:32:14.920116",{"slug":1246,"name":1246,"fn":1247,"description":1248,"org":1249,"tags":1250,"stars":1258,"repoUrl":1259,"updatedAt":1260},"add-function-examples","add AI function examples for testing","Guide for adding new AI function examples, for testing specific features against the actual provider APIs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1251,1254,1257],{"name":1252,"slug":1253,"type":13},"AI SDK","ai-sdk",{"name":1255,"slug":1256,"type":13},"Testing","testing",{"name":9,"slug":8,"type":13},25670,"https:\u002F\u002Fgithub.com\u002Fvercel\u002Fai","2026-04-06T18:55:51.318866",{"slug":1262,"name":1262,"fn":1263,"description":1264,"org":1265,"tags":1266,"stars":1258,"repoUrl":1259,"updatedAt":1278},"add-harness-package","add AI SDK harness packages","Guide for adding new AI SDK harness packages. Use when creating a new @ai-sdk\u002Fharness-\u003Cname> package that adapts a coding-agent runtime to HarnessV1.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1267,1270,1271,1274,1277],{"name":1268,"slug":1269,"type":13},"Agents","agents",{"name":1252,"slug":1253,"type":13},{"name":1272,"slug":1273,"type":13},"Harness","harness",{"name":1275,"slug":1276,"type":13},"SDK","sdk",{"name":9,"slug":8,"type":13},"2026-06-18T08:29:19.858737",{"slug":1280,"name":1280,"fn":1281,"description":1282,"org":1283,"tags":1284,"stars":1258,"repoUrl":1259,"updatedAt":1290},"add-provider-package","add new provider packages to AI SDK","Guide for adding new AI provider packages to the AI SDK. Use when creating a new @ai-sdk\u002F\u003Cprovider> package to integrate an AI service into the SDK.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1285,1286,1289],{"name":1252,"slug":1253,"type":13},{"name":1287,"slug":1288,"type":13},"API Development","api-development",{"name":9,"slug":8,"type":13},"2026-04-06T18:55:47.45549",{"slug":1292,"name":1292,"fn":1293,"description":1294,"org":1295,"tags":1296,"stars":1258,"repoUrl":1259,"updatedAt":1307},"adr-skill","create and maintain architecture decision records","Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept\u002Freject, deprecate, or supersede an ADR; bootstrap an adr folder and index; consult existing ADRs before implementing changes; or enforce ADR conventions. This skill uses Socratic questioning to capture intent before drafting, and validates output against an agent-readiness checklist.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1297,1300,1303,1304],{"name":1298,"slug":1299,"type":13},"ADR","adr",{"name":1301,"slug":1302,"type":13},"Architecture","architecture",{"name":1162,"slug":1163,"type":13},{"name":1305,"slug":1306,"type":13},"Engineering","engineering","2026-04-06T18:55:50.043694",{"slug":1253,"name":1253,"fn":1309,"description":1310,"org":1311,"tags":1312,"stars":1258,"repoUrl":1259,"updatedAt":1319},"build AI features with Vercel AI SDK","Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: \"AI SDK\", \"Vercel AI SDK\", \"generateText\", \"streamText\", \"add AI to my app\", \"build an agent\", \"tool calling\", \"structured output\", \"useChat\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1313,1314,1315,1318],{"name":1268,"slug":1269,"type":13},{"name":1252,"slug":1253,"type":13},{"name":1316,"slug":1317,"type":13},"LLM","llm",{"name":9,"slug":8,"type":13},"2026-04-06T18:55:48.739463",{"slug":1321,"name":1321,"fn":1322,"description":1323,"org":1324,"tags":1325,"stars":1258,"repoUrl":1259,"updatedAt":1329},"capture-api-response-test-fixture","capture API response test fixtures","Capture API response test fixture.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1326,1327,1328],{"name":1287,"slug":1288,"type":13},{"name":1255,"slug":1256,"type":13},{"name":9,"slug":8,"type":13},"2026-04-06T18:55:56.374433",{"slug":1331,"name":1331,"fn":1332,"description":1333,"org":1334,"tags":1335,"stars":1258,"repoUrl":1259,"updatedAt":1339},"develop-ai-functions-example","develop AI SDK function examples","Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples\u002Fai-functions\u002Fsrc to validate provider support, demonstrate features, or create test fixtures.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1336,1337,1338],{"name":1252,"slug":1253,"type":13},{"name":1255,"slug":1256,"type":13},{"name":9,"slug":8,"type":13},"2026-04-06T18:55:55.088956",68]