Communitygithub.com

ursazoo/lanhu-to-code

蓝湖设计稿转前端代码的 Claude Code Skills 工具集

lanhu-to-code とは?

このスキルは、Claude Code 上で中国のデザインツール「蓝湖(Lanhu)」のデザイン仕様を解析し、フロントエンドのコード(HTML/CSS/JSなど)に変換するワークフローを提供します。開発者はデザインデータを直接エクスポートせず、Claude Code に設計仕様を渡すだけでコンポーネントコードを生成できるため、デザインから実装への移行がスムーズになります。主に Claude Code 環境で動作し、JSON 形式の設計データを入力として受け取ります。このスキルは、藍湖のAPIやファイル構造に依存せず、設計者がエクスポートした仕様書データを人間が読める形で整形し、それを Claude が解釈可能なプロンプトに変換することで、デザイン通りのUIコードを生成します。これにより、手動でのコーディングミスを減らし、デザインとコードの一貫性を保ちやすくなります。

対応✓Claude Code~Codex CLI~Cursor
npx skills add ursazoo/lanhu-to-code

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

lanhu-to-code は何をしますか?

藍湖設計稿からフロントエンドコードを生成する Claude Code Skills ツールセット | Lanhu design-to-code workflow for Claude Code

ソース: https://github.com/ursazoo/lanhu-to-code

プッシュ日: 2026-05-12T10:02:38Z スター: 8

関連スキル