open-index/open-npm huggingface dataset:
npm package: @sticksdev/notifer
Description: A libary to communicate with a NTFY instance 
Author: sticksdev
Latest version: 1.0.1

# notifer
A simple libary to interface with an NTFY/our own notification server.

# Features
[x] Publish notifications
[] Subcribe to a channel and listen to it's notifications

# Usage
Useage is really simple, just import the libary and use the publish function to send a notification to a channel.

```js
const { notifer } = require('@sticksdev/notifer')

const client = new notifer() // A url can also be passed here, if not, it defaults to our instance (notify.hep.gg)
client.REST.publishNotification('channelname', "test message", "Test Notification").then((res) => {
    console.log(res) // Returns an APIBaseResponse or IAPIErrorResponse
})
```

All options and types are documented in the code, so you can use your IDE to get the types and option. If you have any questions/suggestions/bugs, feel free to open an issue.
npm package: @stickstackapp/cli
Description: Turn PRD markdown files into visual roadmaps and execute tasks via Claude Code
Author: StickStack
Latest version: 1.0.4

# StickStack

A full-stack kanban board that triggers Claude Code to work on tasks via drag-and-drop sticky notes.

## Features

- Drag-and-drop kanban board with 4 columns: Backlog, To Do, In Progress, Done
- Real-time synchronization via WebSocket
- Claude Code integration - drag a task to "In Progress" to have Claude work on it
- Live status updates as Claude works
- Color-coded priority levels (High/Medium/Low)
- Sticky note aesthetic with subtle animations

## Tech Stack

| Layer | Technology |
|-------|------------|
| Frontend | React 18 + TypeScript + Vite |
| Drag & Drop | @dnd-kit/core |
| Styling | Tailwind CSS |
| Backend | Node.js + Express |
| WebSocket | ws |
| Database | SQLite via better-sqlite3 |
| Claude Integration | @anthropic-ai/claude-code |

## Getting Started

### Prerequisites

- Node.js 18+
- npm or yarn

### Installation

1. Install backend dependencies:
```bash
cd backend
npm install
```

2. Install frontend dependencies:
```bash
cd frontend
npm install
```

### Running the Application

1. Start the backend server:
```bash
cd backend
npm run dev
```
The server runs on http://localhost:3001

2. In a new terminal, start the frontend:
```bash
cd frontend
npm run dev
```
The app runs on http://localhost:5173

## Usage

1. **Create a Task**: Click the "+ New Task" button to create a new sticky note
2. **Organize**: Drag tasks between columns to update their status
3. **Start Claude**: Drag a task to the "In Progress" column to trigger Claude
4. **Monitor**: Watch Claude's progress in the status panel at the top
5. **Complete**: When Claude finishes, the task automatically moves to "Done"

## API Endpoints

| Method | Endpoint | Description |
|--------|----------|-------------|
| GET | `/api/tasks` | List all tasks |
| POST | `/api/tasks` | Create new task |
| PATCH | `/api/tasks/:id` | Update task |
| DELETE | `/api/tasks/:id` | Delete task |

## WebSocket Events

| Event | Direction | Description |
|-------|-----------|-------------|
| `task:created` | Server → Client | New task created |
| `task:updated` | Server → Client | Task updated |
| `task:deleted` | Server → Client | Task deleted |
| `claude:progress` | Server → Client | Claude progress update |
| `claude:complete` | Server → Client | Claude finished task |

## Project Structure

```
StickStack/
├── frontend/          # React + Vite frontend
│   └── src/
│       ├── components/  # UI components
│       ├── hooks/       # Custom React hooks
│       └── types/       # TypeScript types
├── backend/           # Node.js + Express backend
│   └── src/
│       ├── routes/      # API routes
│       ├── services/    # Business logic
│       └── types/       # TypeScript types
└── skill/             # Claude Code skill definition
```
npm package: @sticky-studio-npm/ui-core
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.1.99

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      ...tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      ...tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      ...tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @stickyboard/card-list
Description: CardList component for StickyBoard
Author: soaple
Latest version: 0.1.0

# stickyboard-card-list
CardList component for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/card-list.svg)](https://npmjs.org/package/@stickyboard/card-list)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/card-list.svg)](https://npmjs.org/package/@stickyboard/card-list)
[![License](https://img.shields.io/npm/l/@stickyboard/card-list.svg)](https://github.com/soaple/@stickyboard/card-list/blob/master/package.json)

# Webpack watch
```bsh
$ npm start
```

# Build
```bsh
$ npm run build
```

# Usage example
```javascript
import React from 'react';
import { CardList } from '@stickyboard/card-list';

const cardListData = [
    {
        title: "My first card",
        description: 'This is my first card item!',
        author: 'taenykim',
        date: new Date().toISOString(),
        comment: 1,
        heart: 1,
        view: 10,
        share: 3,
        badgeText: 'N',
        badgeColor: '#fb4444',
    },
    {
        title: "My second card",
        description: 'This is my second card item!',
        author: 'soaple',
        date: new Date().toISOString(),
        comment: 1,
        heart: 1,
        view: 10,
        share: 3,
        badgeText: 'N',
        badgeColor: '#fb4444',
    },
    ...
];

function SampleCardList(props) {
    return (
        <CardList
            data={cardListData}
            title={'Sample CardList'}
            default={5}
            offset={5}
        />
    );
}
```


# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/component-base
Description: Component base for StickyBoard
Author: soaple
Latest version: 0.1.0

# stickyboard-component-base
Component base for StickyBoard

# Build
```bsh
$ npm run build
```

# Publish to npm
```bsh
$ npm publish --access public
```

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/core
Description: Core components for StickyBoard
Author: soaple
Latest version: 2.0.0

# stickyboard-core
Core components for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/core.svg)](https://npmjs.org/package/@stickyboard/core)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/core.svg)](https://npmjs.org/package/@stickyboard/core)
[![License](https://img.shields.io/npm/l/@stickyboard/core.svg)](https://github.com/soaple/@stickyboard/core/blob/master/package.json)

# Demo
http://stickyboard.co.kr/

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/github-calendar
Description: GitHub calendar component for StickyBoard
Author: soaple
Latest version: 0.1.0

# stickyboard-github-calendar
GitHub calendar component for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/github-calendar.svg)](https://npmjs.org/package/@stickyboard/github-calendar)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/github-calendar.svg)](https://npmjs.org/package/@stickyboard/github-calendar)
[![License](https://img.shields.io/npm/l/@stickyboard/github-calendar.svg)](https://github.com/soaple/@stickyboard/github-calendar/blob/master/package.json)

# Webpack watch
```bsh
$ npm start
```

# Build
```bsh
$ npm run build
```

# Usage example
```javascript
import React from 'react';
import { GitHubCalendar } from '@stickyboard/github-calendar';

const sampleData = [
    { date: '2020-01-01', count: 10 },
    { date: '2020-02-01', count: 20 },
    { date: '2020-03-01', count: 30 },
    { date: '2020-04-01', count: 5 },
    { date: '2020-05-01', count: 7 },
    { date: '2020-06-01', count: 12 },
    { date: '2020-07-01', count: 16 },
    { date: '2020-08-01', count: 21 },
    { date: '2020-09-01', count: 19 },
    ...
];

function SampleGitHubCalendar(props) {
    const { colors } = props;

    return (
        <GitHubCalendar
            startDate={'2020-01-01'}
            endDate={'2020-12-31'}
            data={sampleData}
        />
    );
}

export default SampleGitHubCalendar;

```

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/graphql-helper
Description: GraphQL backend helper for StickyBoard
Author: soaple
Latest version: 0.3.5

# stickyboard-graphql-helper
GraphQL backend helper for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/graphql-helper.svg)](https://npmjs.org/package/@stickyboard/graphql-helper)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/graphql-helper.svg)](https://npmjs.org/package/@stickyboard/graphql-helper)
[![License](https://img.shields.io/npm/l/@stickyboard/graphql-helper.svg)](https://github.com/soaple/@stickyboard/graphql-helper/blob/master/package.json)

# Webpack watch
```bsh
$ npm start
```

# Build
```bsh
$ npm run build
```

# Publish to npm
```bsh
$ npm publish --access public
```

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/highcharts
Description: Highcharts components for StickyBoard
Author: soaple
Latest version: 0.1.8

# stickyboard-highcharts
Highcharts components for StickyBoard


[![Version](https://img.shields.io/npm/v/@stickyboard/highcharts.svg)](https://npmjs.org/package/@stickyboard/highcharts)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/highcharts.svg)](https://npmjs.org/package/@stickyboard/highcharts)
[![License](https://img.shields.io/npm/l/@stickyboard/highcharts.svg)](https://github.com/soaple/@stickyboard/highcharts/blob/master/package.json)

# Demo
http://stickyboard.co.kr/components/highcharts

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).<br />
However, this project has a dependency on [Highcharts.js](http://www.highcharts.com).<br />
For commercial use, you have to buy a valid [Highcharts license](https://github.com/highcharts/highcharts/blob/master/license.txt).
npm package: @stickyboard/json-viewer
Description: JSON viewer for StickyBoard
Author: soaple
Latest version: 0.1.0

# stickyboard-json-viewer
JSON viewer for StickyBoard

# Webpack watch
```bsh
$ npm start
```

# Build
```bsh
$ npm run build
```

# Publish to npm
```bsh
$ npm publish --access public
```

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/markdown
Description: Markdown component for StickyBoard
Author: soaple
Latest version: 0.1.1

# stickyboard-markdown

Markdown component for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/markdown.svg)](https://npmjs.org/package/@stickyboard/markdown)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/markdown.svg)](https://npmjs.org/package/@stickyboard/markdown)
[![License](https://img.shields.io/npm/l/@stickyboard/markdown.svg)](https://github.com/soaple/@stickyboard/markdown/blob/master/package.json)

# Webpack watch

```bsh
$ npm start
```

# Build

```bsh
$ npm run build
```

# Basic usage

```javascript
import { Markdown } from '@stickyboard/markdown';

function MarkdownUsage() {
    const content = '# header1\n## header2\n### header3';

    return (
        <Markdown
            editable
            content={content}
            onSave={(content) => {
                // TODO: Save your content
            }}
        />
    );
}
```

# License

This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/mqtt
Description: MQTT component for StickyBoard
Author: soaple
Latest version: 0.1.1

# stickyboard-mqtt
Component base for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/mqtt.svg)](https://npmjs.org/package/@stickyboard/mqtt)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/mqtt.svg)](https://npmjs.org/package/@stickyboard/mqtt)
[![License](https://img.shields.io/npm/l/@stickyboard/mqtt.svg)](https://github.com/soaple/@stickyboard/mqtt/blob/master/package.json)

# Webpack watch
```bsh
$ npm start
```

# Build
```bsh
$ npm run build
```

# Publish to npm
```bsh
$ npm publish --access public
```

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/openlayers
Description: OpenLayers components for StickyBoard
Author: soaple
Latest version: 0.1.5

# stickyboard-openlayers
OpenLayers components for StickyBoard

# Demo
- http://stickyboard.co.kr/layering/map
- http://stickyboard.co.kr/layering/heatmap

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/openweathermap
Description: OpenWeatherMap components for StickyBoard
Author: soaple
Latest version: 0.1.1

# stickyboard-openweathermap
OpenWeatherMap components for StickyBoard

# Demo
http://stickyboard.co.kr/components/weather

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/recharts
Description: Recharts components for StickyBoard
Author: soaple
Latest version: 0.1.18

# stickyboard-recharts
Recharts components for StickyBoard

# Demo
http://stickyboard.co.kr/components/chart

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/smart-table
Description: Smart table component for StickyBoard
Author: soaple
Latest version: 0.1.57

# stickyboard-smart-table
Smart table component for StickyBoard

[![Version](https://img.shields.io/npm/v/@stickyboard/smart-table.svg)](https://npmjs.org/package/@stickyboard/smart-table)
[![Downloads/week](https://img.shields.io/npm/dw/@stickyboard/smart-table.svg)](https://npmjs.org/package/@stickyboard/smart-table)
[![License](https://img.shields.io/npm/l/@stickyboard/smart-table.svg)](https://github.com/soaple/@stickyboard/smart-table/blob/master/package.json)

# Webpack watch
```bsh
$ npm start
```

# Build
```bsh
$ npm run build
```

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/stickyboard-highcharts
Description: Highcharts components for StickyBoard
Author: soaple
Latest version: 0.1.1

# stickyboard-highcharts
Highcharts components for StickyBoard

# Demo
http://stickyboard.co.kr/components/highcharts

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/stickyboard-recharts
Description: Recharts components for StickyBoard
Author: soaple
Latest version: 0.1.1

# stickyboard-recharts
Recharts components for StickyBoard

# Demo
http://stickyboard.co.kr/components/chart

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
npm package: @stickyboard/yahoo-weather
Description: Yahoo weather components for StickyBoard
Author: soaple
Latest version: 0.1.1

# stickyboard-yahoo-weather
Yahoo weather components for StickyBoard

# Demo
http://stickyboard.co.kr/components/weather

# License
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).