open-index/open-npm huggingface dataset:
npm package: @arkion/mcp-server
Description: Arkion MCP Server - Model Context Protocol for AI agency standards, snippets, prompts and templates
Author: Arkion
Latest version: 1.0.5

# @arkion/mcp-server

> Model Context Protocol server para padrões da agência Arkion.

[![npm](https://img.shields.io/npm/v/@arkion/mcp-server)](https://www.npmjs.com/package/@arkion/mcp-server)

---

## Instalação

```bash
npx -y @arkion/mcp-server
```

---

## Configurar no Codex CLI

Adicionar ao `~/.codex/config.toml`:

```toml
[mcp_servers.arkion]
command = "npx"
args = ["-y", "@arkion/mcp-server"]
```

---

## Configurar no Claude Desktop

Adicionar ao `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "arkion": {
      "command": "npx",
      "args": ["-y", "@arkion/mcp-server"]
    }
  }
}
```

---

## Tools Disponíveis

| Tool | Descrição |
|------|-----------|
| `search_assets` | Buscar assets por query/tags |
| `get_asset` | Obter metadata de um asset |
| `fetch_source` | Ler arquivo do repositório |
| `fetch_asset_content` | Obter conteúdo sintetizado |
| `recommend_stack` | Recomendar framework/modelo |
| `scaffold_project` | Criar projeto no padrão Arkion |
| `validate_project` | Validar conformidade de projeto |

---

## Exemplos de Uso

### Buscar assets

```json
{
  "tool": "search_assets",
  "arguments": {
    "query": "RAG",
    "type": "playbook",
    "limit": 5
  }
}
```

### Recomendar stack

```json
{
  "tool": "recommend_stack",
  "arguments": {
    "task_description": "chatbot de suporte com RAG"
  }
}
```

### Validar projeto

```json
{
  "tool": "validate_project",
  "arguments": {
    "path": "/caminho/do/projeto"
  }
}
```

---

## Segurança

- `fetch_source` bloqueia path traversal (`../`)
- Extensões permitidas: `.md`, `.ts`, `.py`, `.yml`, `.yaml`, `.json`, `.toml`
- Arquivos bloqueados: `.env`, `*secret*`, `*key*`

---

## Links

- [npm](https://www.npmjs.com/package/@arkion/mcp-server)
- [GitHub](https://github.com/cauemn/agencia_ia)
npm package: @arkiv/zip
Description: Manipulate [`.zip`](https://en.wikipedia.org/wiki/ZIP_(file_format)) file in node js like C# [ZipArchive](https://docs.microsoft.com/en-us/dotnet/api/system.io.compression.ziparchive?view=net-5.0).
Author: raravel
Latest version: 1.2.0

# libzip

Manipulate [`.zip`](https://en.wikipedia.org/wiki/ZIP_(file_format)) file in node js like C# [ZipArchive](https://docs.microsoft.com/en-us/dotnet/api/system.io.compression.ziparchive?view=net-5.0).

[![npm](https://nodei.co/npm/libzip.png?global=true)](https://npm.im/libzip)


## Installation

npm
```sh
npm install @arkiv/zip
```

yarn
```sh
yarn add @arkiv/zip
```

## How to use

Detail documentation: [Wiki](https://github.com/raravel/libzip/wiki)


## License
ZipArchive is following MIT License.

## Basick Referense

  - [ZIP file format](https://en.wikipedia.org/wiki/ZIP_(file_format))
  - [APPNOTE](https://pkware.cachefly.net/webdocs/casestudies/APPNOTE.TXT)
  - [압축_집(Zip)구조 형태 원리 분석](https://jmoon.co.kr/48)
  - [ZIP File Format](https://m.blog.naver.com/koromoon/220612641115)
  - [PK ZIP 파일 포맷 1](https://ucdwuw.tistory.com/30)
  - [XInflate](http://kippler.com/xinflate/)
  - [archiver-zip-encrypted](https://github.com/artem-karpenko/archiver-zip-encrypted)
  - [ZIP Archive file format](https://nightohl.tistory.com/entry/ZIP-Archive-file-format)
npm package: @arkone_ai/event-collateral
Description: Claude Code skill: generate a set of branded event collateral (booth handout, talk track card, post-event email template)
Latest version: 1.0.0

# @arkone_ai/event-collateral

A [Claude Code](https://claude.ai/code) skill that generates a complete set of branded event collateral in one run: a booth leave-behind, a staff talk track card, and a post-event follow-up email template.

## Install

```bash
npm install -g @arkone_ai/event-collateral
```

Or via Vercel Skills CLI:
```bash
npx skills add arkone-ai/skills --skill event-collateral
```

## Usage

In any Claude Code session:

```
/event-collateral
```

## What it does

- Generates three materials tailored to your event and audience: a 1-page booth handout (logo, value props, QR code, contact), a talk track card (elevator pitch, Q&A, CTA by conversation type), and a personalized post-event email template
- Produces branded PDFs via puppeteer (with logo, brand colors, footer) with Markdown fallback for all three
- Saves all files to `./event-collateral-{event-slug}-{date}/`

## License

MIT
npm package: @arkone_ai/lead-enrich
Description: Claude Code skill: enrich lead lists with company data via web research
Latest version: 1.0.1

# @arkone_ai/lead-enrich

A [Claude Code](https://claude.ai/code) skill that enriches a CSV lead list with company data, funding, tech stack, and LinkedIn profiles via web research.

## Install

```bash
npm install -g @arkone_ai/lead-enrich
```

## Usage

In any Claude Code session:

```
/lead-enrich
```

## What it does

- Reads a CSV with leads (name + company or email) and researches each via web search
- Adds columns: company size, industry, funding stage, HQ, tech stack, LinkedIn URL, estimated revenue, recent news
- Includes confidence scores per field (high/medium/low based on source quality)
- Rate-limits lookups and processes in batches to avoid overwhelming search
- Outputs enriched CSV plus a summary report with stats and low-confidence flags

## License

MIT
npm package: @arkone_ai/one-pager
Description: Claude Code skill: generate branded one-page company or product overviews as PDF
Latest version: 1.0.1

# @arkone_ai/one-pager

A [Claude Code](https://claude.ai/code) skill that produces a branded single-page company or product overview as PDF.

## Install

```bash
npm install -g @arkone_ai/one-pager
```

## Usage

In any Claude Code session:

```
/one-pager
```

## What it does

- Creates a polished one-page overview for conferences, email attachments, or leave-behinds
- Applies company branding — logo, colors, fonts — from a brand config file
- Structures content as: headline, problem, solution, key metrics, social proof, CTA
- Outputs as PDF (via Puppeteer) or Markdown fallback
- Saves to the current working directory

## License

MIT
npm package: @arkone_ai/pricing-sheet
Description: Claude Code skill: generate a branded pricing comparison sheet (PDF or Markdown)
Latest version: 1.0.0

# @arkone_ai/pricing-sheet

A [Claude Code](https://claude.ai/code) skill that generates a branded pricing comparison sheet with tier tables, feature checkmarks, add-ons, FAQ, and CTA — output as PDF or Markdown.

## Install

```bash
npm install -g @arkone_ai/pricing-sheet
```

Or via Vercel Skills CLI:
```bash
npx skills add arkone-ai/skills --skill pricing-sheet
```

## Usage

In any Claude Code session:

```
/pricing-sheet
```

## What it does

- Builds a tier comparison table with ✓/— feature availability, pricing, and a "Most Popular" badge
- Generates a branded PDF via puppeteer (with logo, brand colors, and footer), falling back to a Markdown table
- Saves to `./pricing-sheet-{date}.pdf` (or `.md` fallback)

## License

MIT
npm package: @arksouthern/jsx
Description: Four core JSX tools designed for Solid JS
Author: arksouthern
Latest version: 0.9.2

<p>
  <img width="100%" src="https://assets.solidjs.com/banner?type=@arksouthern/jsx&background=tiles&project=%20" alt="jsx">
</p>

Four core JSX tools designed for Solid JS

## HandleSet

```tsx
import HandleSet from "@arksouthern/jsx/hx";
```
```tsx
<div>
  <HandleSet handlers={{
    caroselNext: () => {...},
    caroselBack: () => {...},
    cardHovering: () => {...},
    cardHoveringEnd: () => {...},
  }}>
    {handlers => 
      <div>
        <button onClick={handlers.caroselBack}>
          Back
        </button>

        <img 
          src={images[currentlySelected]}
          onMouseEnter={handlers.cardHovering} 
          onMouseLeave={handlers.cardHoveringEnd}
        />

        <button onClick={handlers.caroselNext}>
          Next
        </button>
      </div>
    }
  </HandleSet>
</div>
```

## MatchAs

```tsx
import MatchAs from "@arksouthern/jsx/mx";
```
```tsx
type FriendStatus =
  | {as: "followsYou"}
  | {as: "youFollow"}
  | {as: "mutual", daysMutual: number}
  | {as: "none"}
```
```tsx
<div>
  <MatchAs over={friendStatus} match={{
    followsYou: () => (
      <span>Following you</span>
    ),
    youFollow: () => (
      <span>You are following</span>
    ),
    mutual: x => (
      <span>Mutual {x.daysMutual} for days</span>
    ),
    none: () => <></>,
  }} />
</div>
```

## A.* Div

```tsx
import A from "@arksouthern/jsx/ax";
```
### Not Using A.* Div
```tsx
<div>
  <div>
    <div>
      <input placeholder="Search" />
    </div>
    <div>
      <div>
        <button> Back </button>
        <button> Next </button>
      </div>
      <div>
        <button> Help </button>
      </div>
    </div>
  </div>
  <div>
    <MainContent>
  </div>
</div>
```
### A.* Div Example
```tsx
<A.AppPage>
  <A.NavBar>
    <A.LeftSide>
      <input placeholder="Search" />
    </A.LeftSide>
    <A.RightSide>
      <A.HistoryButtons>
        <button> Back </button>
        <button> Next </button>
      </A.HistoryButtons>
      <A.HelpOpener>
        <button> Help </button>
      </A.HelpOpener>
    </A.RightSide>
  </A.NavBar>
  <A.Main>
    <MainContent>
  </A.Main>
</A.AppPage>
```

## VarSet

```tsx
import VarSet from "@arksouthern/jsx/vx";
```
```tsx
<div>
  <VarSet 
    imageUrl={images[currentlySelected].url}
    profile={friends[currentlySelected].profile}
    recentPost={posts.filter(bySelected).sort(byNewest)[0]}
  >
    {props => 
      <a href={props.profile.url}>
        <img src={props.imageUrl}>
        <p>{props.recentPost.previewText}</p>
      </a>
    }
  </HandleSet>
</div>
```
npm package: @arkts/declarations
Description: ArkTS unofficial type definitions.
Author: Naily Zero
Latest version: 0.0.21

# ArkTS Declarations

![GitHub Repo stars](https://img.shields.io/github/stars/groupguanfang/arkTS?style=flat)&nbsp;
[![NPM version](https://img.shields.io/npm/v/@arkts/declarations?color=a1b858)](https://www.npmjs.com/package/@arkts/declarations)

ArkTS unofficial type definitions. It is part of the [Naily's ArkTS Support VSCode Extension](https://github.com/Groupguanfang/arkTS).

ArkTS is a superset of TypeScript, and it is the programming language for Huawei HarmonyOS. The official website: [https://developer.huawei.com/consumer/cn/develop/](https://developer.huawei.com/consumer/cn/develop/).

## Installation

```bash
npm install @arkts/declarations
```

## Usage

Add the following `compilerOptions.types` to your `tsconfig.json`:

```json
{
  "compilerOptions": {
    "types": ["@arkts/declarations"]
  }
}
```

## License

MIT
npm package: @arkturian/canvas-engine
Description: High-performance canvas-based rendering engine with zoom, pan, and layout system
Author: Arkturian
Latest version: 1.0.0

# @arkturian/canvas-engine

High-performance canvas-based rendering engine with viewport transform, layout system, and interactive controls.

## Features

- **Canvas Renderer**: Optimized 2D canvas rendering with LOD support
- **Viewport Transform**: Smooth zoom/pan with mouse wheel and touch gestures
- **Layout System**: Flexible layout algorithms (Pivot, Hero modes)
- **Interpolation**: Smooth property animations
- **Touch Support**: Full gesture support (pinch-to-zoom, pan)
- **TypeScript**: Fully typed API

## Installation

```bash
npm install @arkturian/canvas-engine
```

## Quick Start

```tsx
import { 
  ViewportTransform, 
  CanvasRenderer, 
  LayoutService 
} from '@arkturian/canvas-engine';

// Initialize viewport
const canvas = document.getElementById('myCanvas') as HTMLCanvasElement;
const viewport = new ViewportTransform(canvas);

// Initialize renderer
const renderer = new CanvasRenderer(canvas, products, viewport);

// Render loop
function render() {
  viewport.update();
  renderer.render();
  requestAnimationFrame(render);
}
render();
```

## Core APIs

### ViewportTransform
Manages viewport zoom, pan, and bounds:

```typescript
const viewport = new ViewportTransform(canvas);
viewport.setContentBounds(bounds);
viewport.reset(); // Fit to content
viewport.centerOn(x, y, scale); // Center on position
```

### CanvasRenderer
High-performance canvas rendering:

```typescript
const renderer = new CanvasRenderer<Product>(
  canvas,
  products,
  viewport,
  layoutService,
  viewportService,
  onProductClick
);
```

### LayoutService
Layout orchestration system:

```typescript
const layoutService = new LayoutService(engine);
layoutService.layout(products, viewport.viewportWidth, viewport.viewportHeight);
```

## Viewport Controls

- **Zoom**: Mouse wheel or pinch gesture
- **Pan**: Right-click drag, middle-click drag, or Ctrl+drag
- **Touch**: Single finger pan, two-finger zoom

## TypeScript

Full TypeScript support with type definitions included.

## License

MIT

## Author

Arkturian <hello@arkturian.com>
npm package: @arkxio/ark-echarts
Description: vue3 element-plus pnpm 对组件库二次封装
Author: rapidark
Latest version: 0.1.8

## @arkxio/ark-tpl-remote-react-comps-ts

最简单的远程 react 组件模板(ts) codesandbox: https://codesandbox.io/s/demo-load-remote-react-comp-2bnpl0?file=/src/App.js

### 发布 npm

发布远程组件到 npm

```bash
npm run build
npm publish
```

### 本地联调

辅助模块使用方的 custom 配置，基于当前模块的已构建产物进行联调

```bash
npm run build_cust
cd ark_dist
# 如未安装 http-server，执行 npm i http-server -g 即可
# 指导端口可执行 http-server --cors -p 8081
http-server --cors
```

### chunk 设置

经过测试对比验证，对应带样式文件的组件项目，设置为 4 是最佳的，刚好拆分为 runtime-main.js main.js chunk.js chunk.css 且 chunk.css 可以直接注入到 index.html 里供 @arkxio/ark-micro 控制是否需要加载

// 同时也避免报错： // chunk runtime-main [entry] // Cannot convert undefined or null to object

```js
new webpack.optimize.LimitChunkCountPlugin({
  // 必须大于或等于 1，
  maxChunks: 4,
}),
```

### shouldInlineRuntimeChunk

设置为 false，不产生产物 map 文件

### 单文件 css

控制 `splitChunks.cacheGroups.css` 为

```ts
const cacheGroupsCss = {
  name: 'css',
  test: /\.css$/,
  minChunks: 1,
  enforce: true,
};
```

有利于做 @arkxio/ark-micro 上层适配库做 shadow 处理见：https://juejin.cn/post/6992887038093557796

### css 插入规则

当 `src/index.ts` 导入函数全部写为 `import()`函数方式时，构建生成的 index.html 里不包含有 css 文件 link， css 文件 link 是由 runtime.main.js 动态拼接到 header 里的，这不是我们期望的结果，因为我们想让上层适配库（例如`@arkxio/ark-micro-react`）有机会可控制 css 加载时机，从而方便做 shaw-dom 隔离

而写为头部静态导入时，就包含了 css 文件 link 了。

### cjs 包

以下 package.json 里的 script 命令暂时移出，这里涉及到如何使用 webpack 打包组件库的知识点，欢迎同事贡献

> 待后续 @arkxio/ark-micro 支持非浏览器环境能解析远程模块就不需要了，无该命名不影响远程模块的提供和使用，仅影响使用方执行测试是，jest 需要自己打桩，如果提供了直接使用`ark_bundle/xxx.js`文件作文打桩对象会方便一些

```bash
    "build_bundle": "tsc & cross-env BUNDLE=true node ./scripts/replaceToRelativePath.js & cross-env BUNDLE=true node scripts/build.js",
    "build_npm": "npm run build_proxy && npm run build_bundle",
```
npm package: @arkxio/ark-iso
Description: this pack can only be bundeld with project, using it with external will make mistake
Author: fantasticsoul
Latest version: 0.1.1
Deprecated: false

# @arkxio/ark-iso

当 `@arkxio/ark-micro`、`@arkxio/ark-micro-core` 包体被提升到 exnternal 里载入时，`isSubApp`判断会失效，可独立安装此包来调用 `isSubApp` 函数

## bofore

```ts
import { isSubApp } from '@arkxio/ark-micro';
// or
import { isSubApp } from '@arkxio/ark-lib-proxy';
```

## after

```ts
import { isSubApp } from '@arkxio/ark-iso';
// or just import in entry file first line
import '@arkxio/ark-iso';

// then you can call isSubApp that can return right result in any other files
```