open-index/open-npm huggingface dataset:
npm package: @kyounghwan/custom-hook
Description: custom hook
Latest version: 0.1.1

# @kyounghwan/custom-hook

custom hook

## Install

```bash
npm install @kyounghwan/custom-hook
```

```bash
yarn add @kyounghwan/custom-hook
```

## Usage

### useInput

```jsx
import React from "react";
import { useInput } from "@kyounghwan/custom-hook";

export default function App() {
  const [data, setData] = useInput({
    title: "",
    content: ""
  });
  return (
    <>
      <span>{data.title}</span>
      <input name="title" value={data.title} onChange={setData} />
      <span>{data.content}</span>
      <input name="content" value={data.content} onChange={setData} />
    </>
  );
}
```

### useTitle

```jsx
import React from "react";
import { useTitle } from "@kyounghwan/custom-hook";

export default function App() {
  const updateTitle = useTitle("Loading ...");
  setTimeout(() => updateTitle("login"), 5000);

  return <>...</>;
}
```

### useAxios

```jsx
import React from "react";
import { useAxios } from "@kyounghwan/custom-hook";

export default function App() {
  const { loading, data, err, refatch } = useAxios({ url: "https:~~~" });

  return <button onClick={refatch}>refatch</button>;
}
```

## License

MIT © [kyounghwan](https://github.com/Kyounghwan01)
npm package: @kyounghwan/verification-input
Description: Input component to put verification code Component
Latest version: 0.1.1

# react-verification-input

A verification code input

## DEMO

https://react-verification-input.netlify.app/

## Install

```bash
npm install --save @kyounghwan/verification-input
```

```bash
yarn add @kyounghwan/verification-input
```

## Usage

```jsx
import React from "react";
import { VerficationInput } from "@kyounghwan/verification-input";

export default function App() {
  return <VerficationInput length={6} onChange{value => console.log(value)} placeholder="0"/>;
}
```

## API

### Props

| Key         | Type       | Default | Required | Description                |
| ----------- | ---------- | ------- | -------- | -------------------------- |
| length      | `number`   | `4`     | false    | How many items are render  |
| onChange    | `function` |         | false    | Function to receive events |
| placeholder | `string`   | `·`     | false    | placeholder                |

## License

MIT © [kyounghwan](https://github.com/Kyounghwan01)
npm package: @kyoungsookim/skills-mcp-server
Description: MCP server providing Anthropic Agent Skills for Cursor, VSCode, Claude Desktop and other MCP-compatible IDEs
Author: kyoungsookim
Latest version: 1.0.0

# @anthropic-skills/mcp-server

Anthropic Agent Skills를 MCP(Model Context Protocol)로 제공하는 서버입니다.  
**Cursor, VSCode, Claude Desktop** 등 MCP 호환 IDE에서 바로 사용 가능!

## 🚀 빠른 시작

### Cursor (`~/.cursor/mcp.json`)
```json
{
  "mcpServers": {
    "skills": {
      "command": "npx",
      "args": ["-y", "@anthropic-skills/mcp-server"]
    }
  }
}
```

### Claude Desktop (`~/Library/Application Support/Claude/claude_desktop_config.json`)
```json
{
  "mcpServers": {
    "skills": {
      "command": "npx",
      "args": ["-y", "@anthropic-skills/mcp-server"]
    }
  }
}
```

### VSCode + Continue (`.continue/config.json`)
```json
{
  "experimental": {
    "modelContextProtocolServers": [
      {
        "transport": {
          "type": "stdio",
          "command": "npx",
          "args": ["-y", "@anthropic-skills/mcp-server"]
        }
      }
    ]
  }
}
```

## 🛠 제공 도구

| 도구 | 설명 |
|-----|------|
| `skills_list` | 사용 가능한 스킬 목록 조회 |
| `skills_get` | 특정 스킬의 전체 내용 조회 |
| `skills_get_reference` | 스킬의 참조 문서 조회 |

## 📦 포함 스킬

- **mcp-builder** - MCP 서버 개발 가이드
- **skill-creator** - AI 스킬 생성 가이드
- **webapp-testing** - Playwright 웹앱 테스트
- **docx/pdf/pptx/xlsx** - 문서 처리 스킬
- **canvas-design** - 비주얼 디자인
- 외 다수...

## 사용 예시

```
"mcp-builder 스킬 내용 보여줘"
→ skills_get name="mcp-builder"

"어떤 스킬 있어?"
→ skills_list
```

## 환경변수

| 변수 | 설명 | 기본값 |
|-----|------|-------|
| `SKILLS_DIR` | 스킬 폴더 경로 | 내장 스킬 |

## 라이선스

MIT © kyoungsookim