append_style
Append a css style to the current browser browsing page
LABSCO SUMMARY
This page becomes something you can point at instead of paste.
A question about what is on screen no longer starts with selecting and copying the page — the assistant reads the current tab as markdown and answers from that. append_style then makes its suggestion visible in the same window rather than in a code block you have to apply yourself.
What it is
A small bridge to the browser you already have open: the current tab's URL, its page content as markdown, a CSS injection into that live page, and a search over browsing history.
What you get
- The URL of the tab currently in front of you
- That page's content as markdown, without pasting anything in
- A CSS string appended to the live page, changing how it renders while you are on it
- A search across browser history by query
Requirements
The browser whose current tab and history these tools read, and npx on your PATH. No account and no key.
Setup effort
One command — npx -y @djyde/browser-mcp
USE CASES
01
Asking about the page you are looking at
The URL and the page content as markdown come from the tab currently in front of you, so a question about what is on screen does not start with selecting and copying it.
02
Making a page readable while you are reading it
CSS is appended to the live page, so a suggested fix for line length, contrast or a fixed header shows up in the window you are already in rather than as a snippet to apply yourself.
03
Finding the page you read last week and cannot name
History is searchable by query from inside the conversation, which is the retrieval you actually need when you remember the content but not the site.
4 tools
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
get_current_page_markdown
Get the markdown from current browser browsing page
get_current_page_url
Get the URL from current browser browsing tab
history_search
Search the browser history
BEFORE YOU INSTALL
What to know first
Tools you get
4 tools when we connected.
Requires
npx on PATH
CONTEXT COST
Light Standing cost
Rated by the size of the 4 tool definitions that ride along on every turn, not by how many there are
INSTALLATION
Connect your client
Add the block to your client, or run the command directly.
Server setup
Configuration file
JSON
{
"mcpServers": {
"browser-mcp": {
"command": "npx",
"args": [
"-y",
"@djyde/browser-mcp"
]
}
}
}npx
TERMINAL
npx -y @djyde/browser-mcp
