open-index/open-npm huggingface dataset:
npm package: @kidajs/react
Description: Kida integration for React.
Author: dangreen
Latest version: 1.0.0-alpha.3

# @kidajs/react

[![ESM-only package][package]][package-url]
[![NPM version][npm]][npm-url]
[![Dependencies status][deps]][deps-url]
[![Install size][size]][size-url]
[![Build status][build]][build-url]
[![Coverage status][coverage]][coverage-url]

[package]: https://img.shields.io/badge/package-ESM--only-ffe536.svg
[package-url]: https://nodejs.org/api/esm.html

[npm]: https://img.shields.io/npm/v/%40kidajs%2Freact.svg
[npm-url]: https://npmjs.com/package/@kidajs/react

[deps]: https://img.shields.io/librariesio/release/npm/%40kidajs%2Freact
[deps-url]: https://libraries.io/npm/%40kidajs%2Freact/tree

[size]: https://deno.bundlejs.com/badge?q=%40kidajs%2Freact
[size-url]: https://bundlejs.com/?q=%40kidajs%2Freact

[build]: https://img.shields.io/github/actions/workflow/status/TrigenSoftware/nanoviews/tests.yml?branch=main
[build-url]: https://github.com/TrigenSoftware/nanoviews/actions

[coverage]: https://img.shields.io/codecov/c/github/TrigenSoftware/nanoviews.svg
[coverage-url]: https://app.codecov.io/gh/TrigenSoftware/nanoviews

[Kida](../kida#readme) integration for React.

```tsx
import { signal } from 'kida'
import { useSignal } from '@kidajs/react'

const $user = signal<User | null>(null)

export function UserProfile() {
  const user = useSignal($user)

  return <div>{user?.name}</div>
}
```

<hr />
<a href="#install">Install</a>
<span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
<a href="#exports">Exports</a>
<br />
<hr />

## Install

```bash
pnpm add kida @kidajs/react
# or
npm i kida @kidajs/react
# or
yarn add kida @kidajs/react
```

## Exports

### useSignal

`useSignal` hook returns the current value of the signal store and subscribes to changes.

```tsx
import { signal } from 'kida'
import { useSignal } from '@kidajs/react'

const $user = signal<User | null>(null)

export function UserProfile() {
  const user = useSignal($user)

  return <div>{user?.name}</div>
}
```

### InjectionContextProvider

`InjectionContextProvider` is a component to initialize injection context and provide dependencies to the children.

```tsx
import { provide } from 'kida'
import { InjectionContextProvider, useInject } from '@kidajs/react'

function $Theme(): 'light' | 'dark' {
  return 'light'
}

function App() {
  return (
    <InjectionContextProvider context={[provide($Theme, 'dark')]}>
      <TopBar />
    </InjectionContextProvider>
  )
}
```

### useInject

`useInject` hook returns the value of the dependency.

```tsx
import { useInject } from '@kidajs/react'

function TopBar() {
  const theme = useInject($Theme)

  return <div>Current theme: {theme}</div>
}
```

### hook

`hook` function creates a hook to inject a dependency.

```tsx
import { hook } from '@kidajs/react'

const useTheme = hook($Theme)

function TopBar() {
  const theme = useTheme()

  return <div>Current theme: {theme}</div>
}
```
npm package: @kidapu/gemini-search-mcp
Description: MCP server for AI agents to use Gemini 2.5 Flash with Google Search grounding
Author: kidapu
Latest version: 0.0.2

# @kidapu/gemini-search-mcp

[![npm version](https://img.shields.io/npm/v/@kidapu/gemini-search-mcp.svg)](https://www.npmjs.com/package/@kidapu/gemini-search-mcp)

Gemini 2.5 Flash + Google Search Grounding を使った MCP サーバー。

**npm**: https://www.npmjs.com/package/@kidapu/gemini-search-mcp

## インストール

API キーは [Google AI Studio](https://aistudio.google.com/apikey) で取得できます。

### MCP サーバーとして追加（推奨）

```bash
# ユーザーレベル（全プロジェクトで使用可能）
claude mcp add gemini-search -s user -e GEMINI_SEARCH_MCP_API_KEY=your_api_key -- npx -y @kidapu/gemini-search-mcp

# プロジェクトレベル（このプロジェクトのみ）
claude mcp add gemini-search -s project -e GEMINI_SEARCH_MCP_API_KEY=your_api_key -- npx -y @kidapu/gemini-search-mcp
```

### プラグインとしてインストール

```bash
# 1. マーケットプレイスを追加
/plugin marketplace add kidapu/Gemini-Search-MCP

# 2. プラグインをインストール
/plugin install gemini-search@gemini-search-mcp
```

> **注意**: プラグイン方式では事前に環境変数の設定が必要です。
>
> ```bash
> # ~/.zshrc に追記
> export GEMINI_SEARCH_MCP_API_KEY="your_api_key"
>
> # 反映
> source ~/.zshrc
> ```

## 環境変数

| 変数名 | デフォルト | 説明 |
|--------|-----------|------|
| `GEMINI_SEARCH_MCP_API_KEY` | - | Google AI API キー（必須） |
| `GEMINI_MODEL` | `flash` | モデル: `flash`, `flash-lite`, `pro` |
| `GEMINI_THINKING_BUDGET` | `-1` | Thinking: -1=auto, 0=off, 1-24576 |
| `GEMINI_WEB_SEARCH` | `true` | Web検索: true/false |

## モデル

| エイリアス | フルネーム | 特徴 |
|-----------|-----------|------|
| `flash` | `gemini-2.5-flash` | バランス型（デフォルト） |
| `flash-lite` | `gemini-2.5-flash-lite` | 最速・最安 |
| `pro` | `gemini-2.5-pro` | 最高性能 |

### Gemini 3.0 Flash

Gemini 3.0 Flash（2025年12月リリース）を使用する場合は、フルネームで指定:

```bash
GEMINI_MODEL=gemini-3.0-flash
```

## 料金

| モデル | Input (1M tokens) | Output (1M tokens) |
|--------|-------------------|-------------------|
| `gemini-2.5-flash` | $0.15 | $0.60 |
| `gemini-2.5-flash-lite` | $0.10 | $0.40 |
| `gemini-2.5-pro` | $1.25 | $10.00 |
| `gemini-3.0-flash` | $0.50 | $3.00 |

> 最新の料金は [Gemini API Pricing](https://ai.google.dev/gemini-api/docs/pricing) を参照してください。
npm package: @kidcraze/ai-workflow-mcp
Description: AI Workflow Agents - 从想法到产品上线的 AI 多角色协同开发系统
Author: zhi.qu
Latest version: 1.0.1

# AI Workflow MCP Server

从想法到产品上线的 AI 多角色协同开发系统。

## 安装

```bash
npm install -g @kidcraze/ai-workflow-mcp
```

## 快速开始

### 1. 激活 License

```bash
ai-workflow activate YOUR-LICENSE-KEY
```

### 2. 配置 IDE

```bash
ai-workflow setup
```

### 3. 开始使用

在 Cursor/Claude Desktop 中：

```
@产品专家 帮我做一个用户管理系统
```

或启动自动驾驶：

```
自动驾驶，帮我做一个用户管理系统
```

## 可用 Agent

| Agent | 调用方式 | 功能 |
|-------|---------|------|
| 产品专家 | `@产品专家` | 需求分析、PRD编写、用户故事 |
| UED专家 | `@UED专家` | UX设计、原型生成、交互设计 |
| 架构师 | `@架构师` | 系统架构、API设计、数据库设计 |
| Java专家 | `@Java专家` | Spring Boot、微服务开发 |
| 前端专家 | `@前端专家` | React/Vue、组件开发 |
| 测试专家 | `@测试专家` | 测试策略、自动化测试 |
| DevOps专家 | `@DevOps专家` | CI/CD、部署运维 |
| 项目经理 | `@项目经理` | 项目计划、进度管理 |
| 技术总监 | `@技术总监` | 技术评审、质量把控 |

## 工作流模式

### 自动驾驶

自动执行 14 阶段完整工作流：

```
自动驾驶，<需求描述>
```

控制命令：
- `暂停` - 暂停自动驾驶
- `继续` - 继续自动驾驶
- `状态` - 查看当前进度

### 手动执行

逐步调用各 Agent：

1. `@产品专家 分析需求`
2. `@技术总监 需求评审`
3. `@UED专家 设计原型`
4. ...

## CLI 命令

```bash
# 激活 License
ai-workflow activate <license-key>

# 配置 IDE
ai-workflow setup [ide]

# 查看状态
ai-workflow status

# 诊断问题
ai-workflow doctor

# 使用指南
ai-workflow guide
```

## 定价

| 版本 | 价格 | 设备数 | Agent |
|------|------|--------|-------|
| Starter | ¥199 | 1 台 | 4 个核心 Agent |
| Pro | ¥499 | 3 台 | 8 个 Agent + 自动驾驶 |
| Team | ¥1299 | 10 台 | 全部 9 个 Agent |

## Dashboard

查看工作流进度：

```
http://localhost:3000
```

## 支持

- 文档: https://ai-workflow.dev/docs
- 问题: ai-workflow doctor

## License

MIT © zhi.qu
npm package: @kidd-cli/bundler
Description: Programmatic bundler for kidd CLI tools powered by tsdown
Latest version: 0.7.1

# @kidd-cli/bundler

Programmatic bundler for kidd CLI tools powered by tsdown. Handles building, watching, compiling to standalone binaries, and static command autoloading.

## Installation

```bash
pnpm add -D @kidd-cli/bundler
```

## Usage

### Build

Bundle a kidd CLI project. Resolves config from `kidd.config.ts`, injects `__KIDD_VERSION__`, and produces ESM output via tsdown.

```ts
import { build } from '@kidd-cli/bundler'

const [error, output] = await build({ cwd: process.cwd() })
if (error) {
  console.error(error.message)
} else {
  console.log(`Built to ${output.outDir}/${output.entryFile}`)
}
```

### Watch

Start a watch-mode build for development:

```ts
import { watch } from '@kidd-cli/bundler'

await watch({ cwd: process.cwd() })
```

### Compile to standalone binaries

Compile the bundled output into self-contained executables using `bun build --compile`:

```ts
import { compile } from '@kidd-cli/bundler'

const [error, output] = await compile({
  cwd: process.cwd(),
  targets: ['darwin-arm64', 'linux-x64'],
})
```

Supported targets: `darwin-arm64`, `darwin-x64`, `linux-x64`, `linux-arm64`, `linux-x64-musl`, `windows-x64`, `windows-arm64`.

### Static autoloader plugin

A rolldown/tsdown plugin that replaces the runtime command autoloader with statically resolved imports at build time:

```ts
import { createAutoloadPlugin } from '@kidd-cli/bundler'

const plugin = createAutoloadPlugin({
  commandsDir: './src/commands',
  tagModulePath: '@kidd-cli/utils/tag',
})
```

## Key exports

| Export                     | Description                              |
| -------------------------- | ---------------------------------------- |
| `build`                    | Bundle a kidd CLI project                |
| `watch`                    | Watch-mode build                         |
| `compile`                  | Compile to standalone binaries           |
| `createAutoloadPlugin`     | tsdown plugin for static command loading |
| `scanCommandsDir`          | Scan a directory for command files       |
| `generateStaticAutoloader` | Generate static autoloader source code   |
| `mapToBuildConfig`         | Map kidd config to tsdown InlineConfig   |

## License

MIT -- [GitHub](https://github.com/joggrdocs/kidd)
npm package: @kidd-cli/cli
Description: DX companion CLI for the kidd framework
Latest version: 0.11.3

# @kidd-cli/cli

DX companion CLI for the kidd framework. Provides scaffolding, build tooling, a dev server, and diagnostics for kidd-based CLI projects.

## Installation

```bash
pnpm add -D @kidd-cli/cli
```

This package installs the `kidd` binary.

## Commands

### `kidd init`

Scaffold a new kidd CLI project with a recommended directory structure, config file, and starter command.

```bash
kidd init
```

### `kidd build`

Bundle your CLI using tsdown. Reads `kidd.config.ts` for entry point, output directory, and compile targets.

```bash
kidd build
kidd build --compile    # produce standalone binaries
```

### `kidd dev`

Start a dev server that watches for changes and rebuilds automatically.

```bash
kidd dev
```

### `kidd commands`

List all registered commands in the project.

```bash
kidd commands
```

### `kidd doctor`

Run diagnostics to verify your project setup, dependencies, and configuration.

```bash
kidd doctor
```

### `kidd stories`

Launch the stories viewer TUI for browsing and previewing component stories in the terminal. Discovers `.stories.tsx` files in the project and renders them with an interactive props editor.

```bash
kidd stories
kidd stories --include "src/components/**/*.stories.tsx"
```

## Configuration

The CLI reads from `kidd.config.ts` in your project root:

```ts
import { defineConfig } from '@kidd-cli/core'

export default defineConfig({
  entry: './src/index.ts',
  commands: './src/commands',
  build: {
    out: './dist',
    target: 'node18',
    minify: false,
  },
  compile: {
    targets: ['darwin-arm64', 'linux-x64'],
  },
})
```

## License

MIT -- [GitHub](https://github.com/joggrdocs/kidd)
npm package: @kidd-cli/config
Description: Build-time configuration for kidd CLIs
Latest version: 0.3.1

# @kidd-cli/config

Build-time configuration management for kidd CLIs. Provides Zod-validated schemas for `kidd.config.ts` and a config loader powered by c12.

## Installation

```bash
pnpm add @kidd-cli/config
```

## Usage

### Define a config

Create a `kidd.config.ts` in your project root:

```ts
import { defineConfig } from '@kidd-cli/config'

export default defineConfig({
  entry: './src/index.ts',
  commands: './src/commands',
  build: {
    out: './dist',
    target: 'node18',
    minify: false,
    sourcemap: true,
  },
  compile: {
    targets: ['darwin-arm64', 'linux-x64'],
    name: 'my-cli',
  },
})
```

### Load a config

```ts
import { loadConfig } from '@kidd-cli/config/loader'

const [error, result] = await loadConfig()
if (error) {
  console.error(error.message)
} else {
  console.log(result.config)
}
```

## Config options

| Field      | Type                        | Default        | Description                |
| ---------- | --------------------------- | -------------- | -------------------------- |
| `entry`    | `string`                    | `'./index.ts'` | CLI entry point            |
| `commands` | `string`                    | `'./commands'` | Commands directory         |
| `build`    | `BuildOptions`              | --             | tsdown build options       |
| `compile`  | `boolean \| CompileOptions` | --             | Binary compilation options |
| `include`  | `string[]`                  | --             | Extra file globs to bundle |

## Subpath exports

| Export                    | Description              |
| ------------------------- | ------------------------ |
| `@kidd-cli/config`        | `defineConfig` and types |
| `@kidd-cli/config/loader` | Config file loader       |

## License

MIT -- [GitHub](https://github.com/joggrdocs/kidd)
npm package: @kidd-cli/core
Description: An opinionated CLI framework for Node.js
Latest version: 0.23.0

# @kidd-cli/core

An opinionated CLI framework for Node.js built on yargs, Zod, and functional TypeScript patterns.

## Installation

```bash
pnpm add @kidd-cli/core
```

## Usage

### Define a CLI

```ts
import { cli } from '@kidd-cli/core'

await cli({
  name: 'my-tool',
  version: '1.0.0',
  description: 'A CLI built with kidd',
  commands: './commands',
})
```

### Define a command

```ts
import { command } from '@kidd-cli/core'

export default command({
  description: 'Greet a user',
  options: {
    name: { type: 'string', description: 'Name to greet', demandOption: true },
  },
  handler: async (ctx) => {
    ctx.log.info(`Hello, ${ctx.args.name}!`)
  },
})
```

### Define middleware

```ts
import { middleware, decorateContext } from '@kidd-cli/core'

const withUser = middleware<{ Variables: { user: User } }>(async (ctx, next) => {
  decorateContext(ctx, 'user', await fetchUser())
  await next()
})
```

### Configuration

Create a `kidd.config.ts` in your project root:

```ts
import { defineConfig } from '@kidd-cli/core'

export default defineConfig({
  entry: './src/index.ts',
  commands: './src/commands',
})
```

## Subpath exports

| Export                   | Description                        |
| ------------------------ | ---------------------------------- |
| `@kidd-cli/core`         | CLI bootstrap, command, middleware |
| `@kidd-cli/core/report`  | Structured reporting middleware    |
| `@kidd-cli/core/config`  | Runtime config access              |
| `@kidd-cli/core/format`  | Terminal formatting utilities      |
| `@kidd-cli/core/store`   | Key-value store                    |
| `@kidd-cli/core/project` | Project detection helpers          |
| `@kidd-cli/core/auth`    | Authentication middleware          |
| `@kidd-cli/core/http`    | HTTP client middleware             |
| `@kidd-cli/core/icons`   | Icon set middleware                |
| `@kidd-cli/core/stories` | Stories viewer for component dev   |
| `@kidd-cli/core/test`    | Test utilities for commands        |

## License

MIT -- [GitHub](https://github.com/joggrdocs/kidd)
npm package: @kidd-cli/utils
Description: Shared utilities for the kidd ecosystem
Latest version: 0.4.1

# @kidd-cli/utils

Shared utilities for the kidd ecosystem. Provides functional programming helpers, filesystem operations, JSON handling, validation, and more.

## Installation

```bash
pnpm add @kidd-cli/utils
```

## Usage

### Result tuples

```ts
import { ok, err } from '@kidd-cli/utils'
import type { Result } from '@kidd-cli/utils'

function divide(a: number, b: number): Result<number> {
  if (b === 0) return err(new Error('Division by zero'))
  return ok(a / b)
}

const [error, value] = divide(10, 2)
```

### Validation

```ts
import { validate } from '@kidd-cli/utils'
import { z } from 'zod'

const schema = z.object({ name: z.string(), port: z.number() })
const [error, config] = validate(schema, input)
```

### JSON

```ts
import { jsonParse, jsonStringify } from '@kidd-cli/utils/json'

const [parseError, data] = jsonParse(rawString)
const [stringifyError, json] = jsonStringify(data, { pretty: true })
```

### Filesystem

```ts
import { fileExists } from '@kidd-cli/utils/fs'

const exists = await fileExists('/path/to/file')
```

### FP utilities

The `@kidd-cli/utils/fp` subpath re-exports all of `es-toolkit` and `ts-pattern` alongside kidd's Result helpers and predicates.

```ts
import { match, P, isString, pipe } from '@kidd-cli/utils/fp'
```

## Subpath exports

| Export                     | Description                               |
| -------------------------- | ----------------------------------------- |
| `@kidd-cli/utils`          | Core exports (Result, validate, fs, etc.) |
| `@kidd-cli/utils/fp`       | es-toolkit + ts-pattern + Result helpers  |
| `@kidd-cli/utils/fs`       | Filesystem utilities                      |
| `@kidd-cli/utils/json`     | JSON parse/stringify with Result tuples   |
| `@kidd-cli/utils/manifest` | package.json reader                       |
| `@kidd-cli/utils/redact`   | Sensitive data redaction                  |
| `@kidd-cli/utils/validate` | Zod schema validation                     |
| `@kidd-cli/utils/tag`      | Runtime type tagging                      |

## License

MIT -- [GitHub](https://github.com/joggrdocs/kidd)
npm package: @kidecms/core
Description: Code-first CMS framework built for Astro.
Author: Matti Hernesniemi
Latest version: 0.1.11

# `@kidecms/core`

Kide's runtime and admin package.

## Install shape

The goal is to keep onboarding simple:

- `@kidecms/core` brings its own CMS runtime, generator, and admin UI dependencies.
- The host app provides `react` and `react-dom`.
- Some features are optional:
  - `@ai-sdk/openai` only when AI generation is enabled
  - `sharp` only when local image transforms are enabled

## Why some packages still exist in the app

Kide keeps project-specific code inside the app:

- database adapters
- storage adapters
- email adapters
- generated schema files
- framework route glue

Because those files live in the app, the app may still depend on packages like
`drizzle-orm`, `zod`, or `nanoid` when it imports them directly.

That is separate from `@kidecms/core`'s own package contract.