「gui」の検索結果

制作したデザインを、レイアウト・目的への適合・ブランド・使いやすさ・文章の5つの観点で点検し、見つかった具体的な不備の修正まで進めるスキル。

• 納品前のデザイン点検
• ブランドの指定との整合確認
• キーボード操作やコントラストの確認

複数のSNSの指標をまとめて見る分析ダッシュボードを、単体のHTMLで作成。グラフの詳細表示や期間比較、明暗テーマの切り替えを備えた画面に整えます。

• 複数SNSの指標をまとめて確認したいとき
• グラフで選んだ期間を比較したいとき
• グラフの各点と分析内容を確認したいとき

ガイドやAPIリファレンスの画面を、ナビゲーション・本文・目次の3列で設計し、コード例や表も含む単一のHTMLページとして試作するスキル。

• APIリファレンスを試作したいとき
• コード例付きのチュートリアル作成
• 目次付きガイドの画面設計

AIエージェントが画面を作る際に、複数の小さなUI部品へ共通の制作ルールを適用するためのスキル。インターフェース全体の一貫性を保つ指針として使います。

• 複数のUI部品の一貫性を保ちたいとき
• 画面制作の共通ルールをエージェントに渡す
• 制作計画にUIの制約を取り入れたいとき

UI/UXの設計パターンを探す際に、導入候補をエージェントへ知らせるカタログ項目です。検索データやテンプレートは含まず、実際の利用には配布元の一式が必要です。

• UI/UX設計の参考候補を探したいとき
• 必要なファイルの導入状況確認
• 配布元の導入方法を知りたいとき

SwiftUIの画面デザインで、AIにありがちな画一的な表現を避けるルール、方向性の助言、ブランド素材の扱い、5つの観点でのレビューを支援します。

• SwiftUI画面の方向性を決めたいとき
• AI特有の画一的な見た目の見直し
• ブランド素材の扱いを確認したいとき

リリースの追加機能、修正、互換性を損なう変更、既知の問題、更新手順を1ページのHTMLに整理します。未提供の情報も明示し、変更内容を共有する文書を作ります。

• バージョン更新の案内を作りたいとき
• 追加機能と修正を一覧で共有したいとき
• 互換性の変更と更新手順の説明

Apple HIG、Material Design 3、WCAG 2.2に基づく300以上のルールを参照し、iOS・Android・Webに共通する画面設計を支えるスキル。

• iOS・Android・Web共通の画面設計
• HIGやMaterial Designを参照したいとき
• WCAG 2.2を踏まえた使いやすさの検討

公開サイトの配色・フォント・ロゴ・画像・文体を実測して整理し、ブランドガイドやプレビュー付きの再利用可能なデザインシステムにまとめるスキル。

• サイトの配色・フォント・ロゴの整理
• 参考サイトからブランドガイドを作りたいとき
• ブランドを表す画像の収集

雑誌の誌面と電子ペーパーを思わせる横長スライドを作ります。10種類のレイアウトと5種類の配色で、主張やデータを紙の印刷物のような見た目にまとめます。

• 主張を雑誌風の資料で伝えたいとき
• 研究結果や重要な数値の共有
• 章立てのある発表資料の作成

Homecoreの機能について、関連ソース、テスト、承認済みの設計判断をたどり、実装状況と制約、デプロイ先との互換性を分けて確認するためのスキル。

• 機能に関係するソースと設計判断の調査
• 実装状況と制約を確認したいとき
• コード変更前に関連テストを読みたいとき

RuViewによるWiFiセンシングの導入で、機材不要のデモ、ソースからのビルド、ESP32を使う実測の三つから目的に合う経路を選び、次の作業へ案内するスキル。

• 計測機材なしで画面を試したいとき
• ソースからビルドしてテストしたいとき
• ESP32で部屋の計測を始めたいとき

ブランドの意味や対象読者を踏まえ、ロゴ・配色・書体・使用例を一枚の画像にまとめます。新規ブランドの方向性づくりや、既存のロゴを生かした統一感のある提案資料に使えます。

• 新ブランドの見た目を検討したいとき
• 既存素材からブランド提案資料を作成
• ロゴ・配色・書体をまとめて確認

ライブラリやAPIの使い方を公式資料で確かめ、対象バージョンに合う回答や実装につなげます。確認できた事実と推測を区別し、コード変更後の検証まで進めるスキルです。

• APIやオプションの仕様確認
• 特定バージョンに合わせた実装
• 公式資料を既存プロジェクトへ反映

Archifyで作る図の正確さ・読みやすさ・完成までの時間を、実際の図とエージェントの作業記録から評価し、配置や接続線、作成手順を改善するスキル。

• 図の配置や接続線を比較したいとき
• 図の修正が繰り返される原因調査
• 図の作成手順の改善検証

DeerFlowの保守担当者向けに、GitHubのIssueやPRを調査し、根拠のある修正方針・リスク・検証方法を整理して、コメントの下書きや投稿を行うスキル。

• 修正方針を含むIssue返信を作りたいとき
• 根拠のあるPRレビューを投稿したいとき
• 複数のIssueやPRをまとめて確認したいとき

Docugenerateの操作をエージェントに任せるためのスキル。Rube MCP経由で利用可能なツールと入力形式、接続状態を確認し、実行につなげます。

• 目的に合う操作ツールを探したいとき
• 実行前に接続状態を確認したいとき
• 複数の操作をまとめて実行したいとき

Browserbase Toolの操作をAIエージェントに任せるために、Rube MCP経由で利用可能なツールを探し、接続確認から実行まで進めるスキル。

• 目的に合う操作ツールを探したいとき
• 実行前に接続を確認したいとき
• 複数の操作を一括実行したいとき

AI ML APIの操作を自動化するスキルです。Rube MCPを通じて使えるツールと必要な入力形式を調べ、接続確認から処理の実行まで進めます。

• AI ML APIのツールを調べたいとき
• 実行前にサービス接続を確認したいとき
• 最新の入力形式に沿って実行したいとき

進捗報告や社内報、FAQなどの社内向け文章を、種類別のガイドに沿って作成するスキルです。用途に合う書式や語調、盛り込む情報を確認して文章にまとめます。

• 進捗・計画・問題点をチームに共有したいとき
• 全社向けの社内報を作りたいとき
• 社内FAQの回答を整えたいとき

専門知識や作業手順をClaude向けのスキルにまとめ、SKILL.mdと付属資料の設計からひな形の作成、検証、配布用ZIP化、既存スキルの改善まで案内します。

• 定型作業を再利用できる形にしたいとき
• 社内知識や手順をClaude向けに整理
• 実際の利用を基に既存スキルを改善

AIエージェントと外部サービスをつなぐMCPサーバーを、PythonやTypeScriptで設計・実装し、入力検証やエラー処理、動作評価まで進めるスキルです。

• 外部APIのMCPサーバーを作りたいとき
• エージェントの作業に合うツール設計
• 入力検証やエラー処理のレビュー

資料や制作物の配色と文字をAnthropicのブランド基準に合わせるスキルです。見出し・本文のフォントや背景に応じた文字色、図形のアクセント色を整えます。

• 資料をAnthropicの配色に合わせたいとき
• 見出しと本文のフォントを統一したいとき
• 明暗の背景に合う文字色を選びたいとき

Flow Nexusのユーザー登録やログイン、認証状態の確認を支援します。プロフィール更新やパスワード再設定、認証エラーへの対応も扱うスキルです。

• ユーザー登録とメール認証を進めたいとき
• ログインとセッション状態を確認したいとき
• パスワード再設定とアカウント復旧