Communityコーディング&開発github.com

zhx8702/bigscreen-asset-slicer

スクリーンショットをガイドに、ビッグスクリーンダッシュボードのアセットをスライスし再構築するためのCodexスキル

bigscreen-asset-slicer とは?

このスキルは、スクリーンショット画像をビジュアルガイドとして使用し、大画面ダッシュボード(ビッグスクリーン)のアセットを精密にスライス(分割)し、それらを再利用可能なコンポーネントとして再構築するためのCodexエージェント向けスキルです。デザインモックアップや既存のダッシュボードのスクリーンショットから、テンプレートやウィジェットなどの個別アセットを抽出し、コードベースに統合するプロセスを自動化します。主にCodexプラットフォーム上で動作し、開発者がビッグスクリーン可視化アプリケーションのUIコンポーネントを効率的に生成・編集するのに役立ちます。このスキルは、アセットスライスのルール定義、出力構造の管理、および再構築プロセス全体のワークフローを提供し、手作業による切り出しやコーディングの手間を大幅に削減します。

対応~Claude Code✓Codex CLI~Cursor
npx skills add zhx8702/bigscreen-asset-slicer

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

bigscreen-asset-slicer は何をしますか?

Codexスキル:スクリーンショットをガイドにしたビッグスクリーンダッシュボードのアセットスライスと再構築

関連スキル