The whole hunk
from line 9, old and new numbered
/
lines
from line 9
99 <h1 className="hl-hero-title">What do you want to do with Claude?</h1>
1010
1111 <div className="hl-chips">
12 <a className="hl-chip" href="/docs/docs/connectors/overview"><span className="hl-chip-task">Connect my apps and data</span> <span className="hl-chip-name" translate="no">Connectors</span></a>
13 <a className="hl-chip" href="/docs/docs/skills/overview"><span className="hl-chip-task">Teach Claude to do tasks my way</span> <span className="hl-chip-name" translate="no">Skills</span></a>
14 <a className="hl-chip" href="/docs/docs/cowork/overview"><span className="hl-chip-task">Give Claude a goal and check back</span> <span className="hl-chip-name" translate="no">Cowork</span></a>
15 <a className="hl-chip" href="/docs/docs/claude-tag/overview"><span className="hl-chip-task">Put Claude to work in my Slack</span> <span className="hl-chip-name" translate="no">Claude Tag</span></a>
16 <a className="hl-chip" href="/docs/docs/claude-science/overview"><span className="hl-chip-task">Analyze literature and data</span> <span className="hl-chip-name" translate="no">Claude Science</span></a>
17 <a className="hl-chip" href="/docs/docs/office-agents/overview"><span className="hl-chip-task">Draft decks, emails, and docs</span> <span className="hl-chip-name" translate="no">Claude for M365</span></a>
12 <a className="hl-chip" href="/docs/connectors/overview"><span className="hl-chip-task">Connect my apps and data</span> <span className="hl-chip-name" translate="no">Connectors</span></a>
13 <a className="hl-chip" href="/docs/skills/overview"><span className="hl-chip-task">Teach Claude to do tasks my way</span> <span className="hl-chip-name" translate="no">Skills</span></a>
14 <a className="hl-chip" href="/docs/cowork/overview"><span className="hl-chip-task">Give Claude a goal and check back</span> <span className="hl-chip-name" translate="no">Cowork</span></a>
15 <a className="hl-chip" href="/docs/claude-tag/overview"><span className="hl-chip-task">Put Claude to work in my Slack</span> <span className="hl-chip-name" translate="no">Claude Tag</span></a>
16 <a className="hl-chip" href="/docs/claude-science/overview"><span className="hl-chip-task">Analyze literature and data</span> <span className="hl-chip-name" translate="no">Claude Science</span></a>
17 <a className="hl-chip" href="/docs/office-agents/overview"><span className="hl-chip-task">Draft decks, emails, and docs</span> <span className="hl-chip-name" translate="no">Claude for M365</span></a>
1818 </div>
1919
2020 <p className="hl-hero-note">To start a chat or get back to your chats, open <a href="https://claude.ai">claude.ai</a>.</p>
from line 27
2727 <h2 className="hl-sr-only">All products</h2>
2828
2929 <div className="hl-grid">
30 <a className="hl-card" href="/docs/docs/connectors/overview">
30 <a className="hl-card" href="/docs/connectors/overview">
3131 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
3232 <path d="M12 22v-5" />
3333
from line 42
4242 <span className="hl-card-cta">Browse connectors <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
4343 </a>
4444
45 <a className="hl-card" href="/docs/docs/skills/overview">
45 <a className="hl-card" href="/docs/skills/overview">
4646 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
4747 <path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z" />
4848
from line 59
5959 <span className="hl-card-cta">Learn about skills <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
6060 </a>
6161
62 <a className="hl-card" href="/docs/docs/plugins/overview">
62 <a className="hl-card" href="/docs/plugins/overview">
6363 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
6464 <path d="M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 19.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68L2.707 13.707a2.414 2.414 0 0 1 0-3.414Z" />
6565 </svg>
from line 68
6868 <span className="hl-card-cta">Explore plugins <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
6969 </a>
7070
71 <a className="hl-card" href="/docs/docs/cowork/overview">
71 <a className="hl-card" href="/docs/cowork/overview">
7272 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
7373 <rect width="20" height="14" x="2" y="3" rx="2" />
7474
from line 81
8181 <span className="hl-card-cta">Get Cowork <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
8282 </a>
8383
84 <a className="hl-card" href="/docs/docs/claude-tag/overview">
84 <a className="hl-card" href="/docs/claude-tag/overview">
8585 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
8686 <path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z" />
8787
from line 92
9292 <span className="hl-card-cta">Set up Claude Tag <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
9393 </a>
9494
95 <a className="hl-card" href="/docs/docs/claude-science/overview">
95 <a className="hl-card" href="/docs/claude-science/overview">
9696 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9797 <path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2" />
9898
from line 105
105105 <span className="hl-card-cta">Set up Claude Science <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
106106 </a>
107107
108 <a className="hl-card" href="/docs/docs/office-agents/overview">
108 <a className="hl-card" href="/docs/office-agents/overview">
109109 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
110110 <rect width="7" height="7" x="3" y="3" rx="1" />
111111
from line 120
120120 <span className="hl-card-cta">Set up Claude for M365 <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
121121 </a>
122122
123 <a className="hl-card" href="/docs/docs/third-party/claude-desktop/overview">
123 <a className="hl-card" href="/docs/third-party/claude-desktop/overview">
124124 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
125125 <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" />
126126 </svg>
from line 129
129129 <span className="hl-card-cta">Deploy Claude Desktop <svg className="hl-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /><path d="m12 5 7 7-7 7" /></svg></span>
130130 </a>
131131
132 <a className="hl-card" href="/docs/docs/government/overview">
132 <a className="hl-card" href="/docs/government/overview">
133133 <svg className="hl-card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
134134 <path d="M3 22L21 22" />
135135
from line 149
149149 </a>
150150 </div>
151151
152 <p className="hl-changelogs"><strong className="hl-changelogs-label">What's new:</strong> the <a href="/docs/docs/cowork/changelog">Cowork changelog</a>, the <a href="/docs/docs/claude-science/changelog">Claude Science changelog</a>, and the <a href="/docs/docs/third-party/claude-desktop/configuration-changelog">Claude Desktop configuration changelog</a>.</p>
152 <p className="hl-changelogs"><strong className="hl-changelogs-label">What's new:</strong> the <a href="/docs/cowork/changelog">Cowork changelog</a>, the <a href="/docs/claude-science/changelog">Claude Science changelog</a>, and the <a href="/docs/third-party/claude-desktop/configuration-changelog">Claude Desktop configuration changelog</a>.</p>
153153 </section>
154154
155155 <section className="hl-section hl-disambig">
from line 157
157157 <p className="hl-lede">Start from what you're trying to do:</p>
158158
159159 <div className="hl-rows">
160 <a className="hl-row" href="/docs/docs/connectors/overview">
160 <a className="hl-row" href="/docs/connectors/overview">
161161 <span className="hl-row-q">“I want Claude to see my files, Slack messages, calendar, or codebase”</span>
162162
163163 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 169
169169 <span className="hl-row-a"><span className="hl-row-name" translate="no">Connectors</span><span className="hl-row-note">access to your tools and data</span></span>
170170 </a>
171171
172 <a className="hl-row" href="/docs/docs/connectors/microsoft/365">
172 <a className="hl-row" href="/docs/connectors/microsoft/365">
173173 <span className="hl-row-q">“I want Claude to read my Outlook mail and OneDrive files”</span>
174174
175175 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 181
181181 <span className="hl-row-a"><span className="hl-row-name">Microsoft 365 connector</span><span className="hl-row-note">your Microsoft 365 data in chat, not the Office apps</span></span>
182182 </a>
183183
184 <a className="hl-row" href="/docs/docs/office-agents/overview">
184 <a className="hl-row" href="/docs/office-agents/overview">
185185 <span className="hl-row-q">“I want to turn a document into a slide deck”</span>
186186
187187 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 193
193193 <span className="hl-row-a"><span className="hl-row-name" translate="no">Claude for M365</span><span className="hl-row-note">drafting decks, docs, and email inside the Office apps</span></span>
194194 </a>
195195
196 <a className="hl-row" href="/docs/docs/skills/overview">
196 <a className="hl-row" href="/docs/skills/overview">
197197 <span className="hl-row-q">“I want Claude to do this task the way my team does it”</span>
198198
199199 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 205
205205 <span className="hl-row-a"><span className="hl-row-name" translate="no">Skills</span><span className="hl-row-note">instructions and scripts for a task</span></span>
206206 </a>
207207
208 <a className="hl-row" href="/docs/docs/plugins/overview">
208 <a className="hl-row" href="/docs/plugins/overview">
209209 <span className="hl-row-q">“I want to share a ready-made setup with my whole team”</span>
210210
211211 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 217
217217 <span className="hl-row-a"><span className="hl-row-name" translate="no">Plugins</span><span className="hl-row-note">bundled skills and connectors for Cowork and Claude Code</span></span>
218218 </a>
219219
220 <a className="hl-row" href="/docs/docs/claude-tag/overview">
220 <a className="hl-row" href="/docs/claude-tag/overview">
221221 <span className="hl-row-q">“I want my whole channel to see and steer Claude’s work”</span>
222222
223223 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 229
229229 <span className="hl-row-a"><span className="hl-row-name" translate="no">Claude Tag</span><span className="hl-row-note">Claude in your team’s Slack</span></span>
230230 </a>
231231
232 <a className="hl-row" href="/docs/docs/third-party/claude-desktop/overview">
232 <a className="hl-row" href="/docs/third-party/claude-desktop/overview">
233233 <span className="hl-row-q">“I want Claude to run through my own cloud provider”</span>
234234
235235 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 241
241241 <span className="hl-row-a"><span className="hl-row-name">Claude on third-party platforms</span><span className="hl-row-note">Claude Desktop through your cloud provider</span></span>
242242 </a>
243243
244 <a className="hl-row" href="/docs/docs/connectors/building/mcp">
244 <a className="hl-row" href="/docs/connectors/building/mcp">
245245 <span className="hl-row-q">“I want to build or publish a connector”</span>
246246
247247 <svg className="hl-row-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
from line 287
287287 </svg>
288288
289289 <div className="hl-tip-text">
290 <p>All plans have access to the <a href="/docs/docs/connectors/directory">Connectors Directory</a>. Free plans can also add one <a href="/docs/docs/connectors/custom/remote-mcp">custom connector</a>. Compare <a href="https://claude.com/pricing" target="_blank" rel="noopener noreferrer">Claude plans and pricing<span className="hl-sr-only"> (opens in a new tab)</span></a>.</p>
291 <p>Claude for Government access is set up by your agency's administrators, so you don't need to create an account. See the <a href="/docs/docs/government/overview">Claude for Government guide</a>.</p>
290 <p>All plans have access to the <a href="/docs/connectors/directory">Connectors Directory</a>. Free plans can also add one <a href="/docs/connectors/custom/remote-mcp">custom connector</a>. Compare <a href="https://claude.com/pricing" target="_blank" rel="noopener noreferrer">Claude plans and pricing<span className="hl-sr-only"> (opens in a new tab)</span></a>.</p>
291 <p>Claude for Government access is set up by your agency's administrators, so you don't need to create an account. See the <a href="/docs/government/overview">Claude for Government guide</a>.</p>
292292 </div>
293293 </div>
294294 </div>