Merge pull request #39 from yoshixmk/blog/clawx

blog/clawx with local llm

Author: yoshixmk

.gitignore

@@ -35,5 +35,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 
-# claude code
-settings.local.json
+# claude
+/.claude/settings.local.json

public/img/blog/015/first-try-output.png

@@ -0,0 +1,79 @@
+---
+title: "Introducing ClawX - OpenClaw Desktop AI Assistant"
+author: "yoshixmk"
+published: "2026-03-15"
+---
+
+️⚠️ This article was written by Clawx. It is published to introduce blog posts. ⚠️
+
+# Introducing ClawX - OpenClaw Desktop AI Assistant
+
+![ClawX](/img/blog/clawx.svg)
+
+## What is ClawX
+
+ClawX (pronounced "claw-ex") is a powerful desktop AI assistant built on the [OpenClaw](https://github.com/openclaw/openclaw) framework, designed to help you navigate your digital life with intelligence and purpose.
+
+## Key Features
+
+### 🧠 Advanced Capabilities
+
+- **Multi-modal Intelligence**: Seamlessly handle text, images, code, and more
+- **Web Browsing**: Navigate the web with full browser automation capabilities
+- **File Operations**: Read, write, edit, and manage files across your system
+- **Process Management**: Run and monitor background processes and sessions
+- **Integration**: Connect with various platforms including Discord, Telegram, Slack, and more
+
+### 🛠️ Tool Integration
+
+ClawX comes equipped with a comprehensive suite of tools:
+
+- **Browser Control**: Full browser automation for web interactions
+- **File System Access**: Read/write operations on your local files
+- **Shell Execution**: Run commands and scripts safely
+- **Session Management**: Spawn and manage sub-agents for complex tasks
+- **API Integration**: Connect to various APIs via cron jobs and messaging
+
+### 🌐 Cross-Platform
+
+Built with web technologies, ClawX runs in any modern browser environment, making it accessible from anywhere.
+
+## Getting Started
+
+To interact with ClawX:
+
+1. Clone the OpenClaw repository
+2. Navigate to your workspace directory
+3. Run `pnpm dev` or use the CLI interface
+4. Connect via webchat, Discord, Telegram, or other supported platforms
+
+## Use Cases
+
+- **Personal Assistant**: Help with daily tasks, reminders, and organization
+- **Developer Helper**: Assist with coding, debugging, and documentation
+- **Research Companion**: Browse the web, analyze documents, and synthesize information
+- **System Monitor**: Check system status, manage processes, and alert on important events
+
+## Philosophy
+
+ClawX is designed to be genuinely helpful, not performatively so. It has opinions, preferences, and a distinct personality. Rather than being a robotic assistant, ClawX aims to be a thoughtful companion that understands context and delivers real value.
+
+## Technical Foundation
+
+- **Framework**: Next.js 16 with Nextra v4
+- **Styling**: Tailwind CSS v4 with Dark Mode support
+- **Language**: TypeScript with full type safety
+- **AI Model**: Compatible with various models including Qwen3.5 9B for efficient local inference
+
+## License
+
+MIT - Feel free to use, modify, and distribute ClawX however you like.
+
+---
+
+*Last updated: March 15, 2026*
+
+<div align="center">
+  <a href="/ja" class="link">日本語</a> &nbsp;|&nbsp; 
+  <a href="/blog" class="link">Blog List</a>
+</div>

public/img/blog/clawx.svg

@@ -0,0 +1,75 @@
+---
+title: "Running ClawX with Qwen3.5 9B (Local LLM) for Free"
+author: "yoshixmk"
+published: "2026-03-21"
+---
+
+[Qwen3.5 9B](https://lmstudio.ai/models/qwen/qwen3.5-9b) is a model that exceeds the performance of 120B models. Released in March, it became extremely popular, surpassing 200,000 downloads within just one week.
+
+When it comes to Qwen, the 2.5 version was a very small model, so I personally had experience testing it. However, when it came to using it with chat or tools like Claude Code, it couldn't handle Tool Use effectively and was essentially useless.
+
+That said, Qwen 3.5 has proven to be sufficiently capable for use with ClawX, so I decided to write this article.
+
+## Test 1: Web Browsing + File Output
+
+The first task I asked it to do was a simple instruction: operate the browser to display content and save it to a file.
+
+Input:
+
+```txt
+Open the page at https://lmstudio.ai/models/qwen/qwen3.5-9b, check the description, and save it as a text file on the desktop using Notepad
+```
+
+Output:
+
+![Output from the first instruction](/img/blog/015/first-try-output.png)
+```txt
+# Qwen3.5-9B Model Description (from LM Studio)
+
+## Main Description
+Qwen3.5 represents a significant leap forward, integrating breakthroughs in multimodal learning, architectural efficiency, reinforcement learning scale, and global accessibility. This is a 9B parameter dense model, supporting a native context length of 262,144 tokens.
+
+## Highlights
+- **Unified Vision-Language Foundation**: Early fusion training on multimodal tokens achieves cross-generational parity with Qwen3 and outperforms Qwen3-VL models across reasoning, coding, agents, and visual understanding benchmarks.
+- **Scalable RL Generalization**: Reinforcement learning scaled across million-agent environments with progressively complex task distributions for robust real-world adaptability.
+- **Global Linguistic Coverage**: Expanded support to 201 languages and dialects, enabling inclusive, worldwide deployment with nuanced cultural and regional understanding.
+
+## Key Stats
+- **Parameters**: 9B (dense model)
+- **Context Length**: 262,144 tokens
+- **Downloads**: 209K
+- **Stars**: 28
+```
+
+The content obtained had no issues. Looking at the `exec` command, it was clear that it used the OpenClaw feature to take a screenshot and analyze the web content.
+
+## Test 2: Code Understanding + Blog Post Output
+
+Next, I asked it to write an introduction article about ClawX using this repository as a sample.
+The goal was to check if the article correctly introduced ClawX and if it could generate properly structured Markdown with a title.
+
+Input:
+
+```txt
+I'd like you to write an article about ClawX.
+ The project is located at C:\Users\{my-username}\src\own\profile,
+ After starting it with pnpm dev, you can access it at http://localhost:3000/ja or /en to verify it works.
+ In this setup, I chose the Qwen3.5 9B model in LM Studio, and the key was to set the System Prompt as "Respond concisely. The OS is Windows."
+ I expect the blog posts in both ja and en to be written properly.
+```
+
+It generated the output after 4 rounds of conversation with "y" responses.
+
+Output:
+
+[The result became this article](./clawx-introduction.md)
+
+### Points of Concern
+
+- Japanese is weak. It uses expressions that Japanese people don't use.
+- The "Getting Started" section for ClawX is incorrect. ClawX can be used just by installing and launching the installer, which also runs OpenClaw.
+
+## Finally
+
+This was the first time I saw this level of performance on a PC with no GPU, using only the internal CPU GPU, so I decided to document it in this article.
+A detailed setup guide will be covered in the next article.

src/content/en/blog/015/015-clawx-introduction.md

@@ -0,0 +1,79 @@
+---
+title: "ClawX の紹介 - OpenClaw デスクトップ AI アシスタント"
+author: "yoshixmk"
+published: "2026-03-15"
+---
+
+⚠️ この記事はClawxによって書かれています。ブログ記事の紹介のために公開しています ⚠️
+
+# ClawX の紹介 - OpenClaw デスクトップ AI アシスタント
+
+![ClawX](/img/blog/clawx.svg)
+
+## クラウエックスとは
+
+ClawX（クラウエクセス）は、[OpenClaw](https://github.com/openclaw/openclaw) フレームワークに基づく、デジタル生活のナビゲーションを助けようとするインテリジェントで目的のあるデスクトップ AI アシスタントです。
+
+## 主な機能
+
+### 🧠 高度な能力
+
+- **マルチモーダルな知能**: テキスト、画像、コードなどを自在に処理
+- **Web ブラウジング**: フルブラウザ自動化機能を備えた Web ナビゲーション
+- **ファイル操作**: システム全体でのファイルの読み書き・編集・管理
+- **プロセス管理**: バックグラウンドプロセスの起動と監視
+- **統合機能**: Discord、Telegram、Slack など複数のプラットフォームとの接続
+
+### 🛠️ ツール連携
+
+ClawX は以下のツールの包括的なセットを備えています：
+
+- **ブラウザコントロール**: Web インタラクションのための完全なブラウザ自動化
+- **ファイルシステムアクセス**: ローカルファイルの読み書き操作
+- **シェル実行**: 安全にコマンドとスクリプトの実行
+- **セッション管理**: 複雑なタスクのためにサブエージェントの起動と管理
+- **API 統合**: クロンジョブやメッセージングを通じた各種 API の接続
+
+### 🌐 クロスプラットフォーム
+
+Web テクノロジーで構築されたクラウエックスは、あらゆる現代的なブラウザ環境で動作するため、どこからでもアクセス可能です。
+
+## 始め方
+
+ClawX と相互作用するには：
+
+1. OpenClaw リポジトリをクローン
+2. ワークスペースディレクトリに移動
+3. `pnpm dev` を実行するか、CLI インターフェースを使用
+4. Webチャット、Discord、Telegram、またはその他のサポートされたプラットフォーム経由で接続
+
+## 使用ケース
+
+- **パーソナルアシスタント**: 日々のタスク、リマインダー、整理の援助
+- **開発者ヘルパー**: コーディング、デバッグ、ドキュメント作成の支援
+- **研究コンパニオン**: Web ブラウジング、ドキュメント解析、情報の統合
+- **システムモニター**: システムステータスチェック、プロセス管理、重要イベントのアラート
+
+### 🎯 哲学
+
+ClawX は、パフォーマンスのためにではなく真心から人を助けようとしています。意見や好みをもち、独自の個性を持っています。ロボット的なアシスタントというよりは、文脈を理解し、真の価値をもたらす思いやりのある相手を求めるのです。
+
+## 技術的基盤
+
+- **フレームワーク**: Next.js 16 + Nextra v4
+- **スタイリング**: Tailwind CSS v4 + ダークモード対応
+- **言語**: TypeScript（完全な型安全性）
+- **AI モデル**: Qwen3.5 9B など様々なモデルとの互換性、効率的なローカル推論
+
+## ライセンス
+
+MIT - ClawX を好きなように使用、修正、配布して頂けます。
+
+---
+
+*最終更新：2026 年 3 月 15 日*
+
+<div align="center">
+  <a href="/en" class="link">English</a> &nbsp;|&nbsp; 
+  <a href="/blog" class="link">Blog List</a>
+</div>

src/content/en/blog/015/clawx-with-local-llm.md

@@ -0,0 +1,74 @@
+---
+title: "Qwen3.5 9B（Local LLM）でClawXを動作させて無料であれこれやってもらう"
+author: "yoshixmk"
+published: "2026-03-21"
+---
+
+[Qwen3.5 9B](https://lmstudio.ai/models/qwen/qwen3.5-9b)は120Bモデルを超える性能を持つということで3月に公開されて1週間ですでに20万ダウンロード超える人気のモデルです。
+Qwenといえば2.5がCorderモデルとしても非常に小さいモデルだったので私自身、試した経験がありましたが、チャットでの利用はまだしもClaude Codeなどのツールとの連携はTool Useをうまく使えず役にたたない印象でした。
+しかしながらQwen 3.5はClawxでの利用が十分可能だったので今回記事を書いてます
+
+## 検証1: Webブラウジング + ファイル出力
+
+まずはじめに試したことは、ブラウザを操作してもらい内容をファイルに出力してもらう単純な指示です
+
+Input
+
+```txt
+https://lmstudio.ai/models/qwen/qwen3.5-9bのページを開いて、descriptionを確認し、notepadでデスクトップにテキストファイルを保存
+```
+
+Output
+
+![初めての指示結果の画像](/img/blog/015/first-try-output.png)
+```txt
+# Qwen3.5-9B Model Description (from LM Studio)
+
+## Main Description
+Qwen3.5 represents a significant leap forward, integrating breakthroughs in multimodal learning, architectural efficiency, reinforcement learning scale, and global accessibility. This is a 9B parameter dense model, supporting a native context length of 262,144 tokens.
+
+## Highlights
+- **Unified Vision-Language Foundation**: Early fusion training on multimodal tokens achieves cross-generational parity with Qwen3 and outperforms Qwen3-VL models across reasoning, coding, agents, and visual understanding benchmarks.
+- **Scalable RL Generalization**: Reinforcement learning scaled across million-agent environments with progressively complex task distributions for robust real-world adaptability.
+- **Global Linguistic Coverage**: Expanded support to 201 languages and dialects, enabling inclusive, worldwide deployment with nuanced cultural and regional understanding.
+
+## Key Stats
+- **Parameters**: 9B (dense model)
+- **Context Length**: 262,144 tokens
+- **Downloads**: 209K
+- **Stars**: 28
+```
+
+結果として得られた内容に問題はなさそうです。Webの内容をScreenshotして解析(OpenClaw機能)が使われたことが`exec`を見るとわかりました。
+
+## 検証2: コード理解 + ブログ記事出力
+
+次にこのリポジトリをサンプルとして利用してClawxの紹介記事を書いてもらうことにしました。
+記事は正しくClawxを紹介できているのかということと、タイトルをつけるなどルールの伴ったMarkdownが生成できるかを判断するのが目的です
+
+Input
+
+```txt
+これからあなたにClawXの記事を書いてほしい。
+ C:\Users\{私のユーザ名}\src\own\profileにプロジェクトがあるので、pnpm devで起動してから、
+ http://localhost:3000/jaもしくはenでアクセスして動作確認ができる。
+ 今回のセットアップでは、LM StusioにQwen3.5 9Bモデルを採用し、
+ System Promptとして、Respond concisely. The OS is Windows.と記載したのがコツだ。
+ 結果としてはjaとenのブログが書けているのが期待している
+```
+
+こちらは4回「y」と会話を行って出力してくれました
+
+Output
+
+[結果はこのような記事になりました](./clawx-introduction.md)
+
+### 気になった点
+
+- 日本語が弱い。日本人が使わない表現を使っている
+- Clawxの「始め方」がまちがってる。インストーラを使ってインストール後に起動するだけでOpenClawも動作する。
+
+## 最後に
+
+GPUのないPCで、CPUの内部GPUのみで動作がここまで動いたのは初めてだったので記事にまとめました。
+詳しいセットアップは次の記事に記載します。