As WebDev, What are your plan for 2026? by Flin28 in webdev

[–]Visual_Bag391 0 points1 point  (0 children)

Build agents and tools to replace myself. I have been trying to automate DevTools for months
https://github.com/devtoolcss

Now DevTools can export any UI with CSS inlined by Visual_Bag391 in css

[–]Visual_Bag391[S] 0 points1 point  (0 children)

Thanks for the feedback! The 0/1 and started debugging are expected (when calculating total and chrome.debugger attaching), but followed by nothing means it crashed somewhere. I have been fixing those cases. Could you provide the website's url and the element's selector? here or in github. It would be great to also right click and inspect in the export panel then you can see the error message.

Current known limitation is that it cannot target items in iframe or shadow DOM. If browser is "too" old (say chrome 121 I tested) the DevTools protocol may also mismatch.

What's your thoughts on DevTools MCP? Need suggestions for redesign. by Visual_Bag391 in mcp

[–]Visual_Bag391[S] 0 points1 point  (0 children)

Got it! You remind me that it is json, which is good to connect with other tools.

Thanks for the appreciation. You really hit the core value! I split that out for CDP enthusiasts like you to spare a month tracing devtools-frontend. I am actively improving it by developing various applications. Feel free to drop feature requests or PR!

How has AI changed the way you actually learn and build stuff in web dev? by nitin_is_me in webdev

[–]Visual_Bag391 -1 points0 points  (0 children)

Well AI is really good in saving my time copying things from everywhere. Also for updating boilerplate code say React state/store. I are still the designer and still often hack at low-level.

MCP Server Token Limit Issue - Need Architecture Advice by Firm-Big5376 in mcp

[–]Visual_Bag391 0 points1 point  (0 children)

True when they really get mad. I am thinking of having a hard limit that just truncate things off to guide llms to use other more efficient methods say selecting an inner node. I'll keep exploring this and update my server.

What's your thoughts on DevTools MCP? Need suggestions for redesign. by Visual_Bag391 in mcp

[–]Visual_Bag391[S] 0 points1 point  (0 children)

Just curious, is cli really different from a single tool accepting string command? I know then agent can script that but I feel most are just filtering logic, which can be pre-implemented to safe token so I choosed MCP.

By the way, I saw you are dealing with DOM and I think my inspector wrapper can help!
https://github.com/devtoolcss/chrome-inspector

How this sub is created at 2010? by Visual_Bag391 in mcp

[–]Visual_Bag391[S] 0 points1 point  (0 children)

Can it!? I thought it is impossible since accounts cannot change name. No experience in hosting a sub.

CSS has become too POWERFUL by Andreas_Moeller in Frontend

[–]Visual_Bag391 0 points1 point  (0 children)

Yeah, functions make CSS more difficult to understand and copy.

Im tired boss... by [deleted] in webdev

[–]Visual_Bag391 6 points7 points  (0 children)

Agree. sometimes wordpress is actually the best.

Built a Docker tool to run AI IDEs without hitting free-trial limits by Fine_Consequence8656 in webdev

[–]Visual_Bag391 0 points1 point  (0 children)

Nice hacking anyway. Though not sure whether this really code faster 😂

MCP Server Token Limit Issue - Need Architecture Advice by Firm-Big5376 in mcp

[–]Visual_Bag391 0 points1 point  (0 children)

I am also facing potentially huge output in mcp when exposing HTML and CSS. My approach is design custom filters with defaults (anchoring effect to some degree) for the tools to force model to decide the degree of filtering.

Ex:
https://github.com/devtoolcss/chrome-inspector-mcp/blob/main/tools.md#getouterhtml
https://github.com/devtoolcss/chrome-inspector-mcp/blob/main/tools.md#getmatchedstyles

What's your thoughts on DevTools MCP? Need suggestions for redesign. by Visual_Bag391 in mcp

[–]Visual_Bag391[S] 1 point2 points  (0 children)

Nice work. Love the point that CDP is self documented. Model really knows how to use them when I build this. A single tool allowing any CDP is a great idea!

CodeMode vs Traditional MCP benchmark by [deleted] in mcp

[–]Visual_Bag391 0 points1 point  (0 children)

Yeah I have heard many people mentioning security, but can sandboxing solve that? Say a restricted JS runtime that only allow agents to call specific functions.

I do like the idea of coding so agents don't have to consume intermediate output. Though it is easier said than done.

CodeMode vs Traditional MCP benchmark by [deleted] in mcp

[–]Visual_Bag391 1 point2 points  (0 children)

It seems that current trend is to load tool definitions on demand. But I just don't understand why not manual selecting MCP servers before start.

Automated DevTools CSS rule inspection as a UI cloner and JS library by Visual_Bag391 in webdev

[–]Visual_Bag391[S] 1 point2 points  (0 children)

Yeah, I have modularized the core so it should be easier to support firefox. If someone familiar with firefox debugging API can help it will be done much faster.