Echoes Components

by SonarSource · development · typescript, go, react, documentation, skill

Use whenever it is necessary to work with the echoes shared component library or design tokens from @sonarsource/echoes-react

Source: https://github.com/SonarSource/sonarqube-webapp

Install

git clone https://github.com/SonarSource/sonarqube-webapp

Tags: typescript, go, react, documentation, skill

9 GitHub stars · Source: skillsdirectory

About development MCP servers and Claude skills

development MCP servers extend what AI agents can do inside Claude Code, Cursor, Copilot, Codex, and Windsurf. The Skiln directory indexes 16,000+ such integrations across 22 categories.

Echoes Components is one of hundreds of development entries indexed on Skiln. Browse the full development category or the complete directory of Claude skills, MCP servers, agents, commands, and hooks.

Related development MCPs and skills

  • Webapp Review by SonarSource

    Webapp review — analyse your current branch or an existing PR for DRY violations, missing abstractions, SOLID issues, module boundary violations, and extensibility gaps in this NX monorepo.

  • Writing Code Style Guide by SonarSource

    This skill contains in-depth code style guidance and best practices. You should read it before writing application code.

  • Go Documentation by muratmirgun

    Use when writing or reviewing Go documentation — godoc comments on packages, types, functions, methods, sentinel errors; runnable Example tests; README/CONTRIBUTING/CHANGELOG. Covers the project-type detection (library vs application) that decides which docs are needed, comment grammar (start with name, full sentences), what to document vs what to skip, and Example test conventions. Apply proactively when introducing exported names, even if documentation was not requested.

  • Go Performance by muratmirgun

    Use when profiling, benchmarking, or optimizing Go code — includes the measure-first methodology, the pprof-driven decision tree (which symptom maps to which fix), allocation reduction, capacity hints, hot-path patterns (strconv vs fmt, repeated string→byte conversions, strings.Builder), and runtime tuning. Apply proactively whenever a user mentions slowness, allocations, GC pressure, or asks for benchmarks, even if no specific pattern is named.

  • Wikispec Wiki by christianb93

    This skills instructs the agent how to maintain the knowledge base in the wiki. Use it when you want to ingest documents or query the wiki

  • Policyengine Analysis by ForceInjection

    Common analysis patterns for PolicyEngine research repositories (CRFB, newsletters, dashboards, impact studies)

  • Portal Component Legacy3 Wowlab by ForceInjection

    Generate Next.js components for the portal app with proper patterns. Use when creating new pages, components, or features in apps/portal.

  • Pr Comment Responder by ForceInjection

    PR review coordinator who gathers comment context, acknowledges every

Frequently asked questions

How do I install Echoes Components?

Add the install command above to your Claude Code, Cursor, or Windsurf MCP configuration. Most servers register via npx, a local command, or a Docker image. Refer to the source repository for environment variables and credential requirements.

Which clients support Echoes Components?

Any MCP-compatible client works: Claude Desktop, Claude Code CLI, Cursor, Windsurf, Zed, and VS Code with the official MCP extension. OpenAI Codex and GitHub Copilot increasingly support MCP via adapter bridges.

Is Echoes Components free?

The server itself is typically open source. Any upstream service (API keys, paid tiers, hosted infrastructure) may have its own pricing. Check the source repository for details.