Communitygithub.com

qubernetic/wireframe-agent-skill

Claude Code スキル:白黒の構造用ワイヤーフレームモックアップを生成 — グレースケール、点線ボーダー、等幅フォント、React + Tailwind CSS。

wireframe-agent-skill とは?

このスキルはClaude Code向けに設計されており、白黒のグレースケールスタイルで構造的なワイヤーフレーム(ワイヤーフレームモックアップ)を迅速に生成します。出力は点線ボーダーや等幅フォントなどの典型的なワイヤーフレーム要素を含み、初期設計検証やUIプロトタイピングに最適です。ReactとTailwind CSSで実装されているため、フロントエンドプロジェクトへの組み込みやカスタマイズが容易です。Claude Code内で自然言語による指示を介して動作し、デザイナーや開発者のモックアップ反復作業を効率化します。

対応Claude Code~Codex CLI~Cursor
npx skills add qubernetic/wireframe-agent-skill

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

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

ドキュメント

wireframe-agent-skill は何をしますか?

Claude Code skill for generating black-and-white structural wireframe mockups — grayscale, dashed borders, monospace typography, React + Tailwind CSS

関連スキル