https://www.silverile.com/_next/static/chunks/pages/claude-integration-how-to-ca9f44a14a50295f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9264],{17060:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>ClaudeIntegrationHowToPage});var n=t(37876),o=(t(14232),t(69851)),i=t(89204),a=t(12553),c=t.n(a);const C=e=>{let{children:s}=e;return(0,n.jsx)("code",{className:c().inlineCode,children:s})},Screenshot=e=>{let{src:s,alt:t,caption:o}=e;return(0,n.jsxs)("div",{className:c().screenshotWrap,children:[(0,n.jsx)("img",{src:s,alt:t,className:c().screenshotImg}),(0,n.jsx)("p",{className:c().screenshotCaption,children:o})]})},r=[{q:"Silverile is not shown in the connectors list",a:"Open Connectors and choose Add → Add custom connector. Enter the Silverile name, MCP URL, and OAuth Client ID exactly as shown in this guide, then select Add."},{q:"Connection failed or the browser sign-in does not complete",a:"Select Connect again and sign in with your Silverile user ID and password. Confirm that you can sign in to Silverile in a normal browser window with the same account."},{q:"The wrong Silverile user or project is connected",a:"Open the Silverile connector, select Disconnect, then select Connect and sign in as the intended user. Choose the correct project during the Silverile authorization flow."},{q:"The connector is connected but Claude cannot use a tool",a:"Open the Silverile connector and check Tool permissions. Keep the required read-only or write/delete tool group set to Needs approval, then approve the request when Claude asks."},{q:"Story creation stops before saving",a:"This is expected until you approve the write action. Review the proposed story and approve the request in Claude when you want it saved."}],Static_ClaudeIntegrationHowTo=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:c().detailHeader,children:[(0,n.jsx)(i.A,{style:{fontSize:24}}),(0,n.jsx)("h1",{className:c().detailTitle,children:"Claude.ai and Claude Desktop: Silverile Connector"}),(0,n.jsx)("span",{className:c().badge,children:"Integrations"})]}),(0,n.jsx)("p",{className:c().body,children:"Connect Claude to Silverile through a custom connector. After you sign in, Claude can use Silverile tools to read project information and, with your approval, create or update work."}),(0,n.jsx)("h2",{id:"what-you-can-do","data-section":"what-you-can-do",className:c().sectionTitle,children:"What you can do"}),(0,n.jsx)("p",{className:c().body,children:"Once connected, ask Claude questions such as:"}),(0,n.jsx)("div",{className:c().promptBox,children:"What stories are assigned to me this sprint?"}),(0,n.jsx)("div",{className:c().promptBox,children:"Show me the acceptance criteria for story 42."}),(0,n.jsx)("div",{className:c().promptBox,children:"Create a story to add CSV export to the reports page."}),(0,n.jsx)("div",{className:c().promptBox,children:"Show me the latest stories in the backlog."}),(0,n.jsx)("h2",{id:"prerequisites","data-section":"prerequisites",className:c().sectionTitle,children:"Before you begin"}),(0,n.jsx)("ul",{style:{paddingLeft:"20px",marginBottom:"16px"},children:["A Claude.ai or Claude Desktop account with access to Connectors and custom connectors","A Silverile account with access to at least one project","Your Silverile user ID and password"].map(e=>(0,n.jsx)("li",{className:c().body,style:{marginBottom:"4px"},children:e},e))}),(0,n.jsx)("div",{className:c().callout,children:"Enter your password only on the Silverile sign-in page opened by Claude. Do not enter it in the connector configuration, in a chat, or in the OAuth Client Secret field."}),(0,n.jsx)("h2",{id:"step-1","data-section":"step-1",className:c().sectionTitle,children:"Step 1 — Open Connectors"}),[(0,n.jsxs)(n.Fragment,{children:["Open ",(0,n.jsx)("strong",{children:"Settings"})," in Claude.ai or Claude Desktop."]}),(0,n.jsxs)(n.Fragment,{children:["Select ",(0,n.jsx)("strong",{children:"Connectors"}),"."]}),(0,n.jsxs)(n.Fragment,{children:["Select ",(0,n.jsx)("strong",{children:"Add"}),", then choose ",(0,n.jsx)("strong",{children:"Add custom connector"}),"."]})].map((e,s)=>(0,n.jsxs)("div",{className:c().stepRow,children:[(0,n.jsx)("span",{className:c().stepNum,children:s+1}),(0,n.jsx)("span",{className:c().stepBody,children:e})]},s)),(0,n.jsx)(Screenshot,{src:"/assets/howto-images/claude/open-connectors.png",alt:"Claude Connectors settings page with the Add custom connector option open",caption:"Open Connectors, then choose Add → Add custom connector."}),(0,n.jsx)("h2",{id:"step-2","data-section":"step-2",className:c().sectionTitle,children:"Step 2 — Add Silverile"}),(0,n.jsx)("p",{className:c().body,children:"Complete the custom connector form exactly as follows:"}),(0,n.jsx)("div",{className:c().tableWrap,children:(0,n.jsxs)("table",{className:c().table,children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:"Field"}),(0,n.jsx)("th",{children:"Value"})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Name"}),(0,n.jsx)("td",{children:(0,n.jsx)(C,{children:"Silverile"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"MCP server URL"}),(0,n.jsx)("td",{children:(0,n.jsx)(C,{children:"https://mcp.silverile.com/mcp"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"OAuth Client ID"}),(0,n.jsx)("td",{children:(0,n.jsx)(C,{children:"silverile-mcp"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"OAuth Client Secret"}),(0,n.jsx)("td",{children:"Leave blank"})]})]})]})}),(0,n.jsxs)("p",{className:c().body,children:["Open ",(0,n.jsx)("strong",{children:"Advanced settings"})," to enter the OAuth Client ID. Then select",(0,n.jsx)("strong",{children:" Add"}),"."]}),(0,n.jsx)(Screenshot,{src:"/assets/howto-images/claude/add-custom-connector.png",alt:"Claude Add custom connector dialog filled with the Silverile server URL and OAuth Client ID",caption:"Use silverile-mcp as the OAuth Client ID and leave OAuth Client Secret blank."}),(0,n.jsx)("h2",{id:"step-3","data-section":"step-3",className:c().sectionTitle,children:"Step 3 — Connect and sign in"}),[(0,n.jsxs)(n.Fragment,{children:["Find ",(0,n.jsx)("strong",{children:"Silverile"})," in the connectors list and select ",(0,n.jsx)("strong",{children:"Connect"}),"."]}),(0,n.jsxs)(n.Fragment,{children:["Selecting ",(0,n.jsx)("strong",{children:"Connect"})," opens the ",(0,n.jsx)("strong",{children:"Silverile login page"})," in your browser."]}

1),(0,n.jsxs)(n.Fragment,{children:["Enter your ",(0,n.jsx)("strong",{children:"Silverile user ID"})," and ",(0,n.jsx)("strong",{children:"password"})," on that Silverile login page."]}),(0,n.jsx)(n.Fragment,{children:"Approve the connection, then return to Claude."}),(0,n.jsx)(n.Fragment,{children:"Return to Claude and wait for Silverile to show a check mark under Status."})].map((e,s)=>(0,n.jsxs)("div",{className:c().stepRow,children:[(0,n.jsx)("span",{className:c().stepNum,children:s+1}),(0,n.jsx)("span",{className:c().stepBody,children:e})]},s)),(0,n.jsx)(Screenshot,{src:"/assets/howto-images/claude/silverile-ready-to-connect.png",alt:"Silverile custom connector in Claude with a Connect button",caption:"Select Connect next to the new Silverile custom connector."}),(0,n.jsx)(Screenshot,{src:"/assets/howto-images/claude/silverile-connected.png",alt:"Silverile custom connector in Claude showing a connected status check mark",caption:"A check mark under Status confirms that Silverile is connected."}),(0,n.jsx)(Screenshot,{src:"/assets/howto-images/claude/silverile-connection-settings.png",alt:"Silverile connector details showing Disconnect and tool permissions",caption:"Open the connected Silverile connector to review its Disconnect action and tool permissions."}),(0,n.jsx)("h2",{id:"step-4","data-section":"step-4",className:c().sectionTitle,children:"Step 4 — Verify and choose permissions"}),(0,n.jsx)("p",{className:c().body,children:"Open a new Claude chat and ask:"}),(0,n.jsx)("div",{className:c().promptBox,children:"Can you validate my Silverile connection?"}),(0,n.jsx)("p",{className:c().body,children:"Claude should confirm the active Silverile project. If no project is active, ask:"}),(0,n.jsx)("div",{className:c().promptBox,children:"Show me my available Silverile projects and set the default to the project I choose."}),(0,n.jsx)("p",{className:c().body,children:"Claude will list the projects available to you and set the one you select as the active Silverile project. To review the connector or choose when Claude may use its tools, select the Silverile row in the connectors list."}),(0,n.jsxs)("div",{className:c().callout,children:["Keep Read-only tools and Write/delete tools set to ",(0,n.jsx)("strong",{children:"Needs approval"})," unless your organization has chosen a different policy."]}),(0,n.jsx)("h2",{id:"manage-connection","data-section":"manage-connection",className:c().sectionTitle,children:"Manage your connection"}),(0,n.jsx)("h3",{className:c().subTitle,children:"Disconnect or change user"}),[(0,n.jsxs)(n.Fragment,{children:["Open ",(0,n.jsx)("strong",{children:"Settings → Connectors"})," and select ",(0,n.jsx)("strong",{children:"Silverile"}),"."]}),(0,n.jsxs)(n.Fragment,{children:["Select ",(0,n.jsx)("strong",{children:"Disconnect"}),"."]}),(0,n.jsxs)(n.Fragment,{children:["Select ",(0,n.jsx)("strong",{children:"Connect"}),", then sign in with the intended Silverile user ID and password."]}),(0,n.jsx)(n.Fragment,{children:"Open a new chat, verify the connection, and ask Claude to list available projects if you need to change the active project."})].map((e,s)=>(0,n.jsxs)("div",{className:c().stepRow,children:[(0,n.jsx)("span",{className:c().stepNum,children:s+1}),(0,n.jsx)("span",{className:c().stepBody,children:e})]},s)),(0,n.jsx)("h3",{className:c().subTitle,children:"Update or remove the connector"}),(0,n.jsx)("p",{className:c().body,children:"Open the Silverile connector and use the three-dot menu to manage it. If you need to change its name, URL, or OAuth client information, remove the custom connector and add it again with the values in Step 2. Disconnecting signs out but keeps the connector available for a later reconnect."}),(0,n.jsx)("h2",{id:"example-prompts","data-section":"example-prompts",className:c().sectionTitle,children:"What you can ask Claude"}),(0,n.jsx)("div",{className:c().promptBox,children:"Show me the latest stories in my Silverile workspace."}),(0,n.jsx)("div",{className:c().promptBox,children:"What are the acceptance criteria for story 107?"}),(0,n.jsx)("div",{className:c().promptBox,children:"What am I working on this sprint?"}),(0,n.jsx)("div",{className:c().promptBox,children:"Create a Silverile story to add CSV export to the reports page."}),(0,n.jsx)("div",{className:c().callout,children:"Review and approve every write/delete request before Claude changes Silverile data."}),(0,n.jsx)("h2",{id:"troubleshooting","data-section":"troubleshooting",className:c().sectionTitle,children:"Troubleshooting"}),r.map(e=>(0,n.jsxs)("div",{className:c().troubleCard,children:[(0,n.jsx)("p",{className:c().troubleQ,children:e.q}),(0,n.jsx)("p",{className:c().troubleA,children:e.a})]},e.q))]});function ClaudeIntegrationHowToPage(){return(0,n.jsx)(o.A,{children:(0,n.jsx)(Static_ClaudeIntegrationHowTo,{})})}},38580:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/claude-integration-how-to",function(){return t(17060)}])},89204:(e,s,t)=>{"use strict";t.d(s,{A:()=>i});var n=t(49932),o=t(37876);const i=(0,n.A)((0,o.jsx)("path",{d:"M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7s2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11"}),"Extension")}},e=>{e.O(0,[9851,6593,636,8792],()=>{return s=38580,e(e.s=s);var s});var s=e.O();_N_E=s}]);