Shudan
A highly customizable, low-level Preact Goban component.
Install / Use
/learn @SabakiHQ/ShudanREADME
Shudan Goban
A highly customizable, low-level Preact Goban component.

Features
- Resizable
- Board coordinates
- Easy customization
- Fuzzy stone placement
- Stone placing animation
- Board and stone markers
- Lines and arrows
- Heat and paint map
- Busy state
- Partial board
Documentation
See documentation.
Build Demo
Make sure you have Node.js v8 and npm installed. First, clone this repository via Git, then install all dependencies with npm:
$ git clone https://github.com/SabakiHQ/Shudan
$ cd Shudan
$ npm install
Use the build-demo script to build the demo project:
$ npm run build-demo
You can use the watch-demo command for development:
$ npm run watch-demo
Open demo/index.html in your browser to run demo. Alternatively, use
build-demo-react and watch-demo-react to build the React-based demo.
Related Skills
bluebubbles
337.7kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
node-connect
337.7kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
slack
337.7kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
83.3kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
