open-index/open-npm huggingface dataset:
npm package: @flikk/mcp
Description: MCP server for the Flikkui component library — provides component lookup, search, theme tokens, and code generation
Latest version: 0.2.5

# @flikk/mcp

MCP (Model Context Protocol) server for the Flikkui component library — provides component lookup, search, theme tokens, and code generation for AI-powered development.

## Setup

Add to your MCP client configuration (e.g. Claude Code `settings.json`):

```json
{
  "mcpServers": {
    "flikkui": {
      "command": "npx",
      "args": ["-y", "@flikk/mcp"]
    }
  }
}
```

## What It Provides

- Component lookup and search
- Theme token reference (CSS variables, colors, spacing)
- Code generation with correct import paths
- Prop documentation and usage examples

## Requirements

- **Node.js** >= 20.0.0

## Flikkui Library Dependencies

When using the generated code from this MCP server, your project needs the Flikkui library and its dependencies installed. See below for the full list.

### Required (Core)

These are needed for all Flikkui components:

| Package | Version | Purpose |
|---------|---------|---------|
| `react` | >= 18.0.0 | Core framework |
| `react-dom` | >= 18.0.0 | DOM rendering |
| `flikkui` | latest beta | Component library |
| `@heroicons/react` | >= 2.0.0 | Icon system (all component icons) |
| `motion` | >= 12.0.0 | Animations (Framer Motion) |
| `tailwindcss` | ^4.0.9 | Styling engine |

> **Note:** `clsx` and `tailwind-merge` are bundled with Flikkui — you do not need to install them separately.

### Optional

Only needed if you use specific components:

| Package | Version | Used By |
|---------|---------|---------|
| `react-markdown` | ^9.0.1 \|\| ^10.0.0 | AI Message component (markdown rendering) |
| `react-syntax-highlighter` | ^15.5.0 \|\| ^16.0.0 | AI Message component (code blocks) |
| `remark-gfm` | ^4.0.0 | AI Message component (GitHub-flavored markdown) |
| `three` | >= 0.170.0 | AIOrb Liquid variant, 3D components |
| `@react-three/fiber` | >= 9.0.0 | AIOrb DotSphere variant, R3F canvas |
| `@react-three/drei` | >= 10.0.0 | 3D helpers and utilities |
| `gsap` | >= 3.12.0 | Advanced animations (specific components) |

### Quick Install

```bash
# Required dependencies
npm install flikkui@beta @heroicons/react motion tailwindcss

# All dependencies (including optional)
npm install flikkui@beta @heroicons/react motion tailwindcss react-markdown react-syntax-highlighter remark-gfm three @react-three/fiber @react-three/drei gsap
```

Or use the CLI for automatic setup:

```bash
npx flikkui init
```

## License

MIT
npm package: @fliklab/react-push-notification
Description: Simple and easy-to-use web push notification library for React
Latest version: 0.1.0

# React Easy Push

브라우저 푸시 알림을 쉽게 테스트하고 구현할 수 있는 React 컴포넌트 라이브러리입니다.

## 주요 기능

- 브라우저 푸시 알림 권한 요청 및 관리
- 푸시 알림 구독/취소 기능
- 커스텀 가능한 알림 디자인
- TypeScript 지원
- 간단한 훅 기반 API

## 설치 방법

```bash
# npm
npm install react-easy-push

# yarn
yarn add react-easy-push

# pnpm
pnpm add react-easy-push
```

## 사용 예시

```tsx
import { usePushNotification } from "react-easy-push";

function App() {
  const { requestPermission, subscription, sendNotification } =
    usePushNotification();

  return (
    <div>
      <button onClick={requestPermission}>알림 권한 요청</button>
      <button
        onClick={() =>
          sendNotification({
            title: "테스트 알림",
            body: "이것은 테스트 알림입니다.",
          })
        }
      >
        테스트 알림 보내기
      </button>
    </div>
  );
}
```

## 개발 환경 설정

```bash
# 의존성 설치
pnpm install

# 개발 서버 실행
pnpm dev

# 테스트 실행
pnpm test

# 빌드
pnpm build
```

## 브라우저 지원

- Chrome 50+
- Firefox 44+
- Edge 17+
- Safari 16.4+
- Opera 37+

## 라이선스

MIT

## 기여하기

이슈와 풀 리퀘스트는 언제나 환영합니다. 기여하시기 전에 다음 사항을 확인해주세요:

1. 이슈 템플릿 확인
2. 테스트 코드 작성
3. 문서 업데이트

## 문의

문제가 발생하거나 질문이 있으시다면 GitHub Issues를 통해 문의해주세요.