k8o

Artifacts

@k8o/arte-odyssey

k8oのデザインシステム。Reactコンポーネントとデザイントークンに加え、LLM駆動でUIを生成するアダプタを備える。

Design SystemReactGenerative UI

storybook-addon-mock-date

Storybookのストーリー単位でDateやタイマーをモックし、時刻に依存するコンポーネントを決定的に表示するアドオン。

storybook-addon-vrt

Vitestのブラウザモード上でStorybookのストーリーごとにスクリーンショットを撮り、ビジュアルリグレッションテストを行うツール。

StorybookVitestVRT

storybook-addon-determinism

StorybookのストーリーでMath.randomやcryptoをシードし、スナップショットやVRTを決定的にするアドオン。

StorybookDeterminismVRT

storybook-framework-hono-vite

Hono JSXで書いたコンポーネントを@storybook/react-viteと同じ感覚で扱うためのStorybookフレームワーク。

@k8o/create

vp create @k8oで、k8oの規約一式が入ったリポジトリの雛形を生成するプロジェクトジェネレーター。

Vite+GeneratorTool

vite-plus-inspector

vite-plusの設定をブラウザで可視化するinspector。oxlintのルールの重大度や適用状況を確認できる。

better-css-modules

CSS Modulesから型定義を自動生成し、未使用クラスを検出して開発体験を高めるツールキット。

CSS ModulesTypeScriptVitewebpack

@k8o/oxc-config

oxlintとoxfmtの共有設定パッケージ。TypeScriptやReact、Next.jsなど用途別のプリセットを提供する。

renovate-config

Renovateの設定を共通化するためのconfigリポジトリ。

RenovateConfigPersonal

dotfiles

chezmoiで管理する開発環境の設定一式。zshやmise、ターミナル周りの設定をまとめている。

DotfileschezmoiShellPersonal

patrol-board

スクリプトを定期実行し、結果をGitHub Issueにダッシュボードとして表示するGitHub Action。

GitHub ActionsAutomation