open-index/open-npm huggingface dataset:
npm package: @salutejs/sdds-mcp
Description: MCP server for SDDS
Latest version: 0.1.6

# plasma-mcp-server

MCP server for Plasma component docs, working over stdio.

## Features

- Tools:
  - `list_components`
  - `get_installation_guide`
  - `get_nextjs_guide`
  - `get_functions`
  - `get_design_system_configuration`
  - `get_form_guide`
  - `get_tokens`
  - `get_component`
  - `get_component_props`
  - `get_component_examples`

- Runtime validation of knowledge-base payloads with `zod`

## Data source

Manifest URL format:

`https://plasma.sberdevices.ru/mcp/<lib>/<version>/manifest.json`

Defaults:

- `lib`: `plasma-web`
- `version`: `latest`

If the requested `version` is not found, the server falls back to `latest`.

## Install

```bash
npx -y @salutejs/sdds-mcp@latest
```

## Install specific lib and version

```bash
npx -y @salutejs/sdds-mcp@latest --lib plasma-web --version latest
```
npm package: @salutejs/sdds-serv-emotion
Description: Salute Design System / React UI kit for SDDS SERV EMOTION web applications
Author: Salute Frontend Team
Latest version: 0.70.0-canary.1280.9774419657.0

# Библиотека компонентов SDDS SERV EMOTION

Реализация компонентов для создания веб-приложений.

## Использование

Компоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [emotion](https://emotion.sh/);

Использование данного пакета предполагает установку зависимостей: `react` & `react-dom`;

Для того чтобы компоненты работали корректно необходимо установить `@emotion/react` & `@emotion/styled` 11 версии.

### Установка пакета

```bash
$ npm install --save react react-dom
$ npm install --save @emotion/styled@11 @emotion/react@11
$ npm install --save @salutejs/sdds-serv-emotion @salutejs/sdds-themes
```

## Настройка

Создайте компонент для подключения глобальных стилей:

```jsx title="GlobalStyle.tsx"
import { Global, css } from '@emotion/react';
import { sdds_serv__light } from '@salutejs/sdds-themes';

const themeStyle = css(sdds_serv__light);

export const GlobalStyle = () => (
    <>
        <Global styles={themeStyle} />
    </>
);
```

### Корень приложения

В корне приложения вызовите компонент глобальных стилей `GlobalStyle`:

-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.
-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.

Для корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-serv-emotion);

### Использование компонентов

Все компоненты доступны из папки `components` или напрямую из пакета:

```jsx
// App.tsx
import { Button } from '@salutejs/sdds-serv-emotion';
import { textAccent } from '@salutejs/sdds-themes/tokens/sdds-serv-emotion';

export const App = () => {
    return (
        <Button>Hello, SDDS SERV!</Button>

        <p style={{color: textAccent}}>
            Token usage example
        </p>
    );
};
```
npm package: @salutejs/web-telemetry
Description: Web performance monitoring
Author: Salute Frontend Team
Latest version: 2.0.17

# Web telemetry 🔮

> Пакет для сбора и отправки метрик скорости работы веб приложений

## Установка

`npm i -s @salutejs/web-telemetry`

## Подключение

WIP