品味

幫你發現有品位的 Skills

工作 kvnkld 2026-09-02

AI 對話界面不重造輪子,現成思考態與流式輸出組件

思考中、流式輸出這類 AI 會話專用的界面部件,npm 裝 React 版,或用 CLI 取 React/Vue/Svelte 源碼直接落進你的項目。

kvnkld

做什麼用

思考中、流式輸出這類 AI 會話專用的界面部件,npm 裝 React 版,或用 CLI 取 React/Vue/Svelte 源碼直接落進你的項目。AI 產品的界面反覆要造同一批零件,這裡把它們做成了能直接取走的成品,還帶在線預覽。

應用範圍

用在「工作」這一格。它不是 SKILL.md 形態的 agent skill,裝不進 agent,是 npm 包和 CLI,要你自己寫代碼接。免費組件在 npm 上;Pro 組件不在,要用 CLI 配 AICSS_TOKEN,那是付費的。文檔站是閉源的,這個倉只是包源碼。

如何使用

  • 就按「AI 對話界面不重造輪子,現成思考態與流式輸出組件」這一件來做,不要中途改風格。
  • 按它的流程走完這一件,不要跳步驟。
  • 輸出要能進倉庫或工單,不要只給感想。
  • 做完對照應用範圍,越權的活另找工具。

安裝

git clone --depth 1 https://github.com/kvnkld/aicss.git
mv aicss ~/.claude/skills/aicss