Skip to content

Refresh a default "Install to VS Code" MCP button #8748

Open

Description

MCP install buttons are all over the place in their design and wording; ambigious with their CI/CD-badge styles. Meanwhile, MCP install buttons for other editors are bigger and nicely branded.

Lee Murray (@mrleemurray) Joanna Oikawa (@jo-oikawa) for design input.

cc Connor Peet (@connor4312)

Activity

  1. jo-oikawa commented on Aug 11, 2025

    @jo-oikawa
    Contributor

    Is this just looking at instances of the install button within VS Code? Or from partners/website as well?

  2. digitarald commented on Aug 11, 2025

    @digitarald
    ContributorAuthor

    Mainly for partner websites, as in

    Image
  3. rosehuynh92 commented on Aug 12, 2025

    @rosehuynh92
  4. mrleemurray commented on Aug 13, 2025

    @mrleemurray
    Contributor

    Harald Kirschner (@digitarald) that is a super weird style - can you provide a list of locations where they appear so I can do a full audit?

  5. mrleemurray commented on Aug 14, 2025

    @mrleemurray
    Contributor

    I would lean into using our standard button component as it's more recognisable. As for strings, I think Add to VS Code is the simplest, but I'm open to alternatives if we need to be more specific. Do we need to consider an alternate VS Code Insiders version too?

    Image
  6. digitarald commented on Aug 19, 2025

    @digitarald
    ContributorAuthor

    Lee Murray (@mrleemurray) they usually show up on GitHub: https://github.com/microsoft/playwright-mcp https://github.com/MicrosoftDocs/mcp

    The blue button is still a bit small and hidden on GH, I find. It would blend in with any tailwind design.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

feature-requestRequest for new features or functionalityux

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions