SideButton Knowledge Module

SideButton Homepage — Knowledge Module

SideButton knowledge module — UI selectors, data model, and page states documenting Homepage.

Available free v1.1.0 Browser

$ sidebutton install sidebutton

Download ZIP

Homepage

What This Is

The SideButton homepage at sidebutton.com. An 8-section Astro-rendered marketing page positioned around "Open source MCP server for AI coding agents" — an AI agent platform that combines browser automation, a workflow engine, and domain knowledge packs. Works with Claude Code, ChatGPT, Cursor, OpenAI Codex, and any MCP client. The April 2026 redesign dropped the "three layers" framing and embed-buttons focus in favor of an MCP-server-first positioning with a dedicated "Managed AI Teams / Open Source" CTA section that integrates customer testimonials. As of the late-April 2026 iteration the header nav was reshuffled (Knowledge Packs renamed to "Skills", "MCP Server" added), the Compatibility section now contains 5 directly-linked client cards (Claude Code, OpenAI Codex, ChatGPT, Cursor, +Any MCP client) routing to /mcp/{client}, and a new "Use or create agentic AI skills" section was inserted between Knowledge Packs and Community Roles. The page surfaces 6 featured knowledge packs and a 10-row role-playbook grid linking into /skills/{pack}/roles/{role} pages.

URL Patterns

Pattern	Description
`/`	Homepage

Note: /demo no longer exists — navigating there redirects to /.

Page Title & Meta

<title>: SideButton MCP Server. AI Agent Platform Workflow Automation

Page Structure

+--[Header: sticky banner]---------------------------------------------+
|  Logo | MCP Server | Skills | Media | Docs | [Book a Demo] [GitHub]   |
+----------------------------------------------------------------------+
|                                                                      |
|  [1. HERO — 2-column]                                                |
|  Left:                                                               |
|    "Open source MCP server for AI coding agents" (H1)                |
|    Subtitle about orchestrating AI agents + MCP clients              |
|    [Quick Start] [Install Extension]                                 |
|  Right:                                                              |
|    Architecture diagram (img "SideButton AI Agent Stack")            |
|    — wrapped in anchor → /media/sidebutton-open-source-platform-release |
|                                                                      |
|  [2. READY TO GET STARTED — 2-card CTA + testimonials]               |
|  H2: "Ready to get started with SideButton?"                         |
|  Left card:  MANAGED AI TEAMS → Learn more at aictpo.com            |
|  Right card: OPEN SOURCE       → Quick Start                         |
|  Below cards: 2 testimonials                                          |
|    - Max Svistunov, CTO at VENMATE                                   |
|    - Volha Svistunova, Director of Product at GoStudent              |
|                                                                      |
|  [3. COMPATIBILITY]                                                  |
|  Label: "Compatibility"                                              |
|  H2: "Works with any MCP client"                                     |
|  Description: "Pick your coding agent for setup instructions."       |
|  5 LINKED clients: Claude Code → /mcp/claude-code |                  |
|                    OpenAI Codex → /mcp/codex |                       |
|                    ChatGPT → /mcp |                                  |
|                    Cursor → /mcp |                                   |
|                    + Any MCP client → /mcp                           |
|                                                                      |
|  [4. HOW IT WORKS — 3 linked cards]                                  |
|  Label: "How it works"                                               |
|  H2: "AI agent tools — MCP server, knowledge packs, workflows"       |
|  3 H3 cards (each is an anchor):                                     |
|    - Knowledge packs — teach AI coding agents any web app → /skills  |
|    - MCP server — browser tools, not screenshots → /mcp              |
|    - Workflow automation tool for agentic workflows → /skills        |
|                                                                      |
|  [5. QUICK START]                                                    |
|  Label: "Quick Start"                                                |
|  H2: "Self-hosted MCP server — install in 60 seconds"                |
|  3 terminal blocks (each with label + command + Copy button):        |
|    1. Install & start  → npx sidebutton@latest                       |
|    2. Add to Claude Code → claude mcp add sidebutton --transport http... |
|    3. Claude Code enriched with knowledge packs, browser and         |
|       workflows → claude "navigate to sidebutton.com"                |
|                                                                      |
|  [6. KNOWLEDGE PACKS — 6 featured + browse link]                    |
|  Label: "Knowledge Packs"                                            |
|  H2: "Most complete knowledge packs for AI coding agents"            |
|  6 featured packs (H3 cards with module/role counts):                |
|    - SideButton (13 modules · 1 role)                                |
|    - AICTPO AI Coding Agents (7 modules)                             |
|    - SideButton Dashboard (7 modules)                                |
|    - Performance Marketing (6 modules · 2 roles)                     |
|    - Writing Standards (5 modules · 2 roles)                         |
|    - Autonomous Agents (1 module · 4 roles)                          |
|  Below: "Browse all 16 knowledge packs →" → /skills                  |
|  Below: "Create a skill for agentic AI" — sidebutton init →          |
|         sidebutton publish                                           |
|                                                                      |
|  [7. AGENTIC AI SKILLS — Use / Create cards]                         |
|  Label: "Agentic AI Skills"                                          |
|  H2: "Use or create agentic AI skills"                               |
|  2 linked cards:                                                     |
|    - Use → How to use agentic AI skills → /agentic-ai-skills         |
|    - Create → Create a skill for agentic AI → /create-agentic-ai-skill |
|                                                                      |
|  [8. COMMUNITY ROLES — role playbook grid]                           |
|  Label: "Community Roles"                                            |
|  H2: "AI agent role playbooks from knowledge packs"                  |
|  Role groups (each: role header + packs teaching that role):         |
|    - SE Software Engineer (Autonomous Agents, GitHub, Jira)          |
|    - QA Quality Assurance (Autonomous Agents, Scoopd, SideButton)    |
|    - PM Project Manager (Autonomous Agents, Slack)                   |
|    - An Analyst (Google Ads, Performance Marketing)                  |
|    - SD Skill Discovery (Autonomous Agents)                          |
|    - Sales (LinkedIn)                                                |
|    - MB Media Buyer (Performance Marketing)                          |
|    - SMM Social Media Manager (Reddit)                               |
|    - Wr Writer (Writing Standards)                                   |
|    - Ed Editor (Writing Standards)                                   |
|                                                                      |
+--[Footer]------------------------------------------------------------+
|  Logo + "© 2026 SideButton. Free & open source under Apache 2.0."   |
|  GitHub | Docs | Skills | Create a skill | Media |                   |
|  Privacy | Terms | Content Policy | Imprint |                        |
|  AI Engineering Department | [email protected]                     |
+----------------------------------------------------------------------+
[Floating: #cookie-consent dialog on first visit]

Key Elements

Accessibility

Element	Selector	Notes
Skip to main content	`link "Skip to main content"`	Hidden link, first DOM element; visible on keyboard focus

Header

Element	Selector	Notes
Logo	`banner > link` (first, ref=3 in snapshot)	SideButton logo + "SideButton" text → `/`
MCP Server	`link "MCP Server"`	→ `/mcp` (NEW in late-Apr 2026)
Skills	`link "Skills"`	→ `/skills` (renamed from "Knowledge Packs" in late-Apr 2026)
Media	`link "Media"`	→ `/media`
Docs	`link "Docs"`	External → `docs.sidebutton.com`
Book a Demo	`link "Book a Demo"` (in banner)	Green primary button → Typeform external link
GitHub	`link "View SideButton on GitHub"`	Dark button → github.com/sidebutton/sidebutton
Mobile menu button	`button[aria-label="Open menu"]` (`#mobile-menu-button`)	Hamburger; visible below `md` breakpoint

Navigation change late-Apr 2026: Nav now reads: MCP Server | Skills | Media | Docs | Book a Demo | GitHub. "Knowledge Packs" was renamed to "Skills"; "MCP Server" was added as a new top-level item. Mobile menu link order: Book a Demo, MCP Server, Skills, Media, Docs, GitHub.

1. Hero Section

Element	Selector	Notes
H1 heading	`heading "Open source MCP server for AI coding agents"`	Primary page headline (note: "AI coding agents", not "AI agents")
Subtitle	text "One platform to orchestrate AI agents with browser automation, workflow engine, and domain knowledge packs. Works with Claude Code, ChatGPT, Cursor, and any MCP client."	Below H1
Quick Start button	`link "Quick Start"` (in hero)	Primary button — anchors to `/#quick-start` (in-page scroll)
Install Extension	`link "Install Extension"`	Green outline button → `chromewebstore.google.com/detail/sidebutton/odaefhmdmgijnhdbkfagnlnmobphgkij`
Hero image link	`main a` wrapping the diagram img	→ `/media/sidebutton-open-source-platform-release`
Hero image	`img[alt="SideButton AI Agent Stack — platform architecture diagram"]`	Source: `/media/sidebutton-agent-stack.png`; intrinsic 2348×1750; `loading="eager"` `fetchpriority="high"`

2. Ready to Get Started Section

Element	Selector	Notes
Section heading	`heading "Ready to get started with SideButton?"`	H2 (gained "with SideButton?" suffix in late-Apr 2026)
Managed AI Teams heading	text "Managed AI Teams"	Left CTA card label
Managed description	text "Need a full AI engineering department? SideButton powers the AICTPO fleet..."	Positions aictpo.com as managed option
Learn more link	`link "Learn more at aictpo.com"`	→ external `https://aictpo.com`
Open Source heading	text "Open Source"	Right CTA card label
Open source description	text "Install and start using SideButton in 60 seconds."
Quick Start link	`link "Quick Start"` (in main, ref=20)	→ Quick Start section
Testimonial 1 avatar	`img "Max Svistunov"`	Headshot
Testimonial 1 name	text "Max Svistunov"
Testimonial 1 role	text "CTO at VENMATE"
Testimonial 1 quote	text "The performance of our development team of 5 senior engineers doubled when we deployed 10 agents."
Testimonial 2 avatar	`img "Volha Svistunova"`	Headshot
Testimonial 2 name	text "Volha Svistunova"
Testimonial 2 role	text "Director of Product at GoStudent"
Testimonial 2 quote	text "We had a decade-old system with years of undocumented complexity baked into it. SideButton helped us extract that knowledge..."	Long legacy-system testimonial

3. Compatibility Section

Element	Selector	Notes
Section label	text "Compatibility"	Uppercase label
Section heading	`heading "Works with any MCP client"`	H2
Helper text	text "Pick your coding agent for setup instructions."	Below H2 (NEW in late-Apr 2026)
Claude Code link	`link "Claude Code"`	→ `/mcp/claude-code` (NEW: now an anchor, not a static pill)
OpenAI Codex link	`link "OpenAI Codex"`	→ `/mcp/codex` (NEW client added in late-Apr 2026; logo `/logos/codex.svg`)
ChatGPT link	`link "ChatGPT"`	→ `/mcp`
Cursor link	`link` containing "Cursor" (text "C Cursor")	→ `/mcp`
Any MCP client link	`link` containing "+ Any MCP client"	→ `/mcp`

4. How It Works Section

Element	Selector	Notes
Section label	text "How it works"	Uppercase label
Section heading	`heading "AI agent tools — MCP server, knowledge packs, workflows"`	H2
Card 1 link	`link` containing `heading "Knowledge packs — teach AI coding agents any web app"`	→ `/skills`; CTA "Browse skill packs →"
Card 1 description	text "Domain-specific selectors, workflows, and best practices — packaged per platform. Your LLM learns the app before touching it."
Card 2 link	`link` containing `heading "MCP server — browser tools, not screenshots"`	→ `/mcp`; CTA "SideButton MCP Server →"
Card 2 description	text "A Model Context Protocol server with browser-control tools. Navigate, click, fill forms, extract data, take snapshots — from Claude Code, Codex, Cursor, ChatGPT, or any MCP client."
Card 3 link	`link` containing `heading "Workflow automation tool for agentic workflows"`	→ `/skills`; CTA "See skill packs →"
Card 3 description	text "YAML workflows chain browser actions, shell commands, and LLM calls into repeatable tasks — bundled inside knowledge packs."

5. Quick Start Section

Element	Selector	Notes
Section label	text "Quick Start"	Uppercase label
Section heading	`heading "Self-hosted MCP server — install in 60 seconds"`	H2
Command 1 label	text "Install & start"	Block 1 label
Command 1	text `npx sidebutton@latest`	Terminal block
Command 2 label	text "Add to Claude Code"	Block 2 label
Command 2	text `claude mcp add sidebutton --transport http http://localhost:9876/mcp`	Terminal block (transport changed `sse` → `http` in late-Apr 2026)
Command 3 label	text "Claude Code enriched with knowledge packs, browser and workflows"	Block 3 label (NEW — was "Install a knowledge pack")
Command 3	text `claude "navigate to sidebutton.com"`	Terminal block (NEW — was `sidebutton install github.com`)
Copy buttons (×3)	`button "Copy command"`	refs 32/33/34

6. Knowledge Packs Section

Element	Selector	Notes
Section label	text "Knowledge Packs"	Uppercase label
Section heading	`heading "Most complete knowledge packs for AI coding agents"`	H2 (gained "for AI coding agents" suffix in late-Apr 2026)
Section subtitle	text "Each pack teaches agents how to operate a web app — selectors, data models, workflows, role playbooks."
Pack 1	`heading "SideButton"` + "13 modules · 1 role"	Links to `/skills/sidebutton` (module count dropped from 21→13 in late-Apr 2026)
Pack 2	`heading "AICTPO AI Coding Agents"` + "7 modules"	Links to `/skills/aictpo`
Pack 3	`heading "SideButton Dashboard"` + "7 modules"	Links to `/skills/sidebutton-dashboard`
Pack 4	`heading "Performance Marketing"` + "6 modules · 2 roles"	Links to `/skills/marketing`
Pack 5	`heading "Writing Standards"` + "5 modules · 2 roles"	Links to `/skills/writing`
Pack 6	`heading "Autonomous Agents"` + "1 module · 4 roles"	Links to `/skills/agents`
Browse all link	`link "Browse all 16 knowledge packs →"`	→ `/skills` (count rendered server-side from registry)
Create-a-skill banner	`link "Create a skill for agentic AI"` (renamed from "Publish knowledge packs")	Below grid; shows `sidebutton init → sidebutton publish` command

7. Agentic AI Skills Section (NEW in late-Apr 2026)

Element	Selector	Notes
Section label	text "Agentic AI Skills"	Eyebrow above H2
Section heading	`heading "Use or create agentic AI skills"`	H2
Description	`p` below H2	"Every skill is an installable package of domain knowledge for AI coding agents. Install one and it shows up as MCP tools in Claude Code, Codex, or Cursor. Write one and the whole community gets it."
Use card link	`link` containing `heading "How to use agentic AI skills"`	→ `/agentic-ai-skills`; CTA "Learn how →"
Create card link	`link` containing `heading "Create a skill for agentic AI"`	→ `/create-agentic-ai-skill`; CTA "Get started →"

8. Role Playbooks Section

Element	Selector	Notes
Section label	text "Community Roles"	Uppercase label
Section heading	`heading "AI agent role playbooks from knowledge packs"`	H2 (gained "AI agent" prefix in late-Apr 2026)
Section subtitle	text "Each role teaches an AI agent a job function. Pick a role to see its playbook and the packs that teach it."
SE role group	`link "Software Engineer playbook for {pack}"` × 3	Autonomous Agents, GitHub, Jira
QA role group	`link "Quality Assurance playbook for {pack}"` × 3	Autonomous Agents, Scoopd, SideButton
PM role group	`link "Project Manager playbook for {pack}"` × 2	Autonomous Agents, Slack
Analyst role group	`link "Analyst playbook for {pack}"` × 2	Google Ads, Performance Marketing
SD role group	`link "Skill Discovery playbook for {pack}"` × 1	Autonomous Agents
Sales role group	`link "Sales playbook for {pack}"` × 1	LinkedIn
Media Buyer role group	`link "Media Buyer playbook for {pack}"` × 1	Performance Marketing
SMM role group	`link "Social Media Manager playbook for {pack}"` × 1	Reddit
Writer role group	`link "Writer playbook for {pack}"` × 1	Writing Standards
Editor role group	`link "Editor playbook for {pack}"` × 1	Writing Standards

Role URL pattern: /skills/{pack-slug}/roles/{role-slug} (e.g., /skills/agents/roles/se, /skills/github/roles/se).

Footer

Element	Selector	Notes
Logo	`contentinfo > link` (first)	SideButton logo → `/`
Copyright	text "© 2026 SideButton. Free & open source under Apache 2.0."
GitHub	`link "GitHub"` (in contentinfo)	→ GitHub repo
Docs	`link "Docs"` (in contentinfo)	→ docs.sidebutton.com
Skills	`link "Skills"` (in contentinfo)	→ `/skills` (renamed from "Knowledge Packs" in late-Apr 2026)
Create a skill	`link "Create a skill"` (in contentinfo)	→ `/create-agentic-ai-skill` (replaces "Contribute" → `/contribute`)
Media	`link "Media"` (in contentinfo)	→ `/media`
Privacy	`link "Privacy"`	→ `/privacy`
Terms	`link "Terms"`	→ `/terms`
Content Policy	`link "Content Policy"`	→ `/content-policy`
Imprint	`link "Imprint"`	→ `/imprint`
AI Engineering Department	`link "AI Engineering Department"`	→ external (aictpo.com)
Email	`link "[email protected]"`	mailto link

Floating Elements

Element	Selector	Notes
Cookie consent dialog	`dialog "Cookie Notice"` (`#cookie-consent`)	Fixed bottom bar on first visit; Accept/Reject + Privacy Policy link

Data Model

Page Sections (render order)

#	Section Label	H2	Notes
1	—	"Open source MCP server for AI coding agents" (H1)	Hero, 2-col; arch diagram image right (linked → `/media/sidebutton-open-source-platform-release`)
2	—	"Ready to get started with SideButton?"	Managed AI Teams + Open Source CTAs + 2 testimonials inline
3	Compatibility	"Works with any MCP client"	5 LINKED MCP client cards (was 4 static pills)
4	How it works	"AI agent tools — MCP server, knowledge packs, workflows"	3 linked feature cards
5	Quick Start	"Self-hosted MCP server — install in 60 seconds"	3 terminal commands
6	Knowledge Packs	"Most complete knowledge packs for AI coding agents"	6 featured packs + browse link
7	Agentic AI Skills	"Use or create agentic AI skills"	NEW: Use / Create cards
8	Community Roles	"AI agent role playbooks from knowledge packs"	10 role groups linking to playbook pages

Quick Start Commands

Step	Label	Command
1	Install & start	`npx sidebutton@latest`
2	Add to Claude Code	`claude mcp add sidebutton --transport http http://localhost:9876/mcp`
3	Claude Code enriched with knowledge packs, browser and workflows	`claude "navigate to sidebutton.com"`

Featured Knowledge Packs (as shown on homepage)

Pack	Modules	Roles	Slug
SideButton	13	1	`sidebutton`
AICTPO AI Coding Agents	7	0	`aictpo`
SideButton Dashboard	7	0	`sidebutton-dashboard`
Performance Marketing	6	2	`marketing`
Writing Standards	5	2	`writing`
Autonomous Agents	1	4	`agents`

Total on site: 16 knowledge packs (homepage CTA reads "Browse all 16 knowledge packs →").

Role Playbooks Shown

Role	Code	Packs Teaching It
Software Engineer	SE	Autonomous Agents, GitHub Platform, Jira Cloud
Quality Assurance	QA	Autonomous Agents, Scoopd Mobile App, SideButton
Project Manager	PM	Autonomous Agents, Slack Workspace
Analyst	An	Google Ads Search Platform, Performance Marketing
Skill Discovery	SD	Autonomous Agents
Sales	Sales	LinkedIn Outreach Platform
Media Buyer	MB	Performance Marketing
Social Media Manager	SMM	Reddit Community
Writer	Wr	Writing Standards
Editor	Ed	Writing Standards

Testimonials (now inline in section 2, not separate section)

Name	Role	Company	Pull Quote
Max Svistunov	CTO	VENMATE	Performance of 5-senior-engineer team doubled with 10 agents
Volha Svistunova	Director of Product	GoStudent	Decade-old legacy system, knowledge extraction & safe migration

External Links

Target	Destination
Install Extension	chromewebstore.google.com (Chrome Web Store)
Book a Demo	Typeform (lf5572kiznk.typeform.com/to/vBCInKQ8)
Learn more at aictpo.com	https://aictpo.com
GitHub	github.com/sidebutton/sidebutton
Docs	docs.sidebutton.com

States

Header — States

State	Trigger	Visual Indicator
Sticky	Always	Header stays at top on scroll

Hero Section

State	Trigger	Visual Indicator
Default	Page load	H1 + subtitle + buttons + architecture diagram visible

Note: The hero video player and "3 bugs found in 4 min" badge have been REMOVED in the April 2026 redesign. The hero now shows a static architecture diagram image.

Quick Start Copy Buttons

State	Trigger	Visual Indicator
Idle	Default	Copy icon visible
Copied	Click copy button	Icon briefly swaps; accessible name stays "Copy command"

Cookie Consent

State	Trigger	Visual Indicator
Visible	First visit	`dialog "Cookie Notice"` shown at bottom
Dismissed	Click Accept or Reject	Hidden via CSS transform; element remains in DOM

Common Tasks

1. Get started (developer path)

Navigate to /
Click link "Quick Start" (hero) → scrolls to Quick Start section

2. Install the Chrome extension

Navigate to /
Click link "Install Extension" in hero → Chrome Web Store

3. Copy a quick start command

Scroll to heading "Self-hosted MCP server — install in 60 seconds"
Click button "Copy command" on the desired terminal block
Paste into terminal

4. Browse knowledge packs

Navigate to /
Click link "Skills" in header OR link "Browse all 16 knowledge packs →" → /skills

5. Open a specific featured pack from homepage

Scroll to heading "Most complete knowledge packs for AI coding agents"
Click any pack card heading (e.g., link "SideButton") → /skills/{pack-slug}

6. Open a role playbook

Scroll to heading "AI agent role playbooks from knowledge packs"
Click a role card (e.g., link "Software Engineer playbook for GitHub Platform") → /skills/github/roles/se

7. Pick MCP client setup

Scroll to heading "Works with any MCP client"
Click any client link (Claude Code → /mcp/claude-code, OpenAI Codex → /mcp/codex, others → /mcp) OR click link "MCP Server" in the header → /mcp

8. Open the agentic-AI-skills how-to

Scroll to heading "Use or create agentic AI skills"
Click the Use card (link "How to use agentic AI skills") → /agentic-ai-skills OR the Create card (link "Create a skill for agentic AI") → /create-agentic-ai-skill

9. Book a team demo

Navigate to /
Click link "Book a Demo" in header → Typeform in new tab

10. Explore managed service option

Scroll to heading "Ready to get started with SideButton?"
Click link "Learn more at aictpo.com" → aictpo.com

11. View GitHub repo

Click link "View SideButton on GitHub" in header OR link "GitHub" in footer

Tips

Nav reshuffle (late-Apr 2026): Header now reads MCP Server | Skills | Media | Docs (was Knowledge Packs | Docs | Media). "Knowledge Packs" was renamed "Skills"; "MCP Server" is brand new.
Hero diagram is wrapped in a link: The architecture diagram <img> is inside an <a href="/media/sidebutton-open-source-platform-release"> — clicking the diagram navigates to the media announcement page.
Hero is image-only: The video player and play-button overlay have been removed — the hero right column shows an architecture diagram SVG/image.
Testimonials inline: The testimonials are part of the "Ready to get started with SideButton?" section, not a dedicated testimonials section.
MCP client cards are links: Compatibility section's 5 client cards are real <a> elements: Claude Code → /mcp/claude-code, OpenAI Codex → /mcp/codex, others → /mcp. They were static pills in earlier versions.
Role cards are links: Role playbook cards link to /skills/{pack}/roles/{role} — they are NOT display-only (they were in the 2026-03 version).
Knowledge packs count is dynamic: Browse link shows "16" as of 2026-04-26. This count is rendered server-side from the pack registry; treat as live data, not a fixed string.
Section labels (e.g., "Compatibility", "How it works", "Quick Start", "Knowledge Packs", "Agentic AI Skills", "Community Roles") are uppercase eyebrow text above each H2.

Gotchas

Hero headline changed: Was "AI agents that don't need onboarding" — now "Open source MCP server for AI coding agents" (note: "AI coding agents", not "AI agents"). Assertions targeting either prior wording will fail.
Section reorder + new section: Order is now (Hero → CTA+Testimonials → Compat → How it works → Quick Start → KP → Agentic AI Skills → Community Roles). The "Agentic AI Skills" section (H2: "Use or create agentic AI skills") was inserted in late-Apr 2026 between Knowledge Packs and Community Roles.
Header nav reshuffle (late-Apr 2026): "Knowledge Packs" was RENAMED to "Skills" in the header; "MCP Server" was added. Tests asserting on link "Knowledge Packs" in the banner will fail — the link now reads "Skills". Order is also different: MCP Server | Skills | Media | Docs.
Footer rewording (late-Apr 2026): Footer "Knowledge Packs" link renamed to "Skills"; "Contribute" link replaced with "Create a skill" linking to /create-agentic-ai-skill (not /contribute).
Section 2 H2 expanded: Was "Ready to get started?" — now "Ready to get started with SideButton?".
Knowledge Packs H2 expanded: Was "Most complete knowledge packs" — now "Most complete knowledge packs for AI coding agents".
Community Roles H2 expanded: Was "Role playbooks from knowledge packs" — now "AI agent role playbooks from knowledge packs".
Compatibility cards are now links: All 5 client cards (Claude Code, OpenAI Codex, ChatGPT, Cursor, +Any MCP client) are anchors. Selectors that used text "Claude Code" for a static pill should be updated to link "Claude Code" or similar.
OpenAI Codex pill added: Compatibility section now has 5 entries (was 4); OpenAI Codex is new and routes to /mcp/codex.
/demo, /pricing, /solutions, /features/* redirect to /: Removed pages. /integrations redirects to /skills.
Quick Start command 2 transport changed: --transport sse → --transport http. Test fixtures asserting on sse will fail.
Quick Start step 3 renamed: Was "Install a knowledge pack → sidebutton install github.com". Now "Claude Code enriched with knowledge packs, browser and workflows → claude "navigate to sidebutton.com"".
Quick Start H2 changed: Was "Up and running in 60 seconds" — now "Self-hosted MCP server — install in 60 seconds".
How it works card titles changed: Card 1 is now "Knowledge packs — teach AI coding agents any web app" (was "Teach your LLM any web app"); Card 2 is "MCP server — browser tools, not screenshots" (was "Browser automation — real browser, not screenshots").
SideButton pack module count dropped: Featured pack card now shows "13 modules · 1 role" (was "21 modules · 1 role"). The pack inventory shrank.
No FAB or Report a Bug button on the page: Some screenshots show a "Report a Bug" pill in the bottom-right — that is the SideButton Chrome extension overlay, not a page element. It will not appear in the page DOM or in snapshot() results.
Cookie consent stays in DOM after dismissal — hidden via transform translate-y-full, not removed.
Two "Quick Start" links: Hero button and Ready-to-get-started card. Both are anchors to /#quick-start. Disambiguate by ref.
Two "Create a skill"-flavored links: One in the Knowledge Packs section banner ("Create a skill for agentic AI"), one in the new Agentic AI Skills card. Both target /create-agentic-ai-skill.

← All SideButton modules SideButton overview