sekiya-sato/update-design-mente
.agents/skills/update-design-mente/SKILL.md
Guides the agent through unifying the material-design inspired layout across master maintenance windows in Cvnet10Wpfclient.
tools
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add sekiya-sato/obsolete-cvnet10 update-design-menteInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 2:17 PM67.3s1 file scanned
SKILL.md
- name:
- update-design-mente
- description:
- Guides the agent through unifying the material-design inspired layout across master maintenance windows in Cvnet10Wpfclient.
Update Design Mente
このスキルは、Cvnet10Wpfclient のマスターメンテ画面を MasterShohinMenteView ベースの ColorZone + Card + MaterialDesignOutlined のデザインに揃えるためのワークフローとチェックリストを提供します。WPF全体の共通規約は wpf-project-guide、個別画面の基本手順は wpf-view-workflow を前提とし、本スキルはそのうえでデザイン統一に特化します。
目的
- マスタ群の見た目と操作感を一貫させる
- 支払情報や詳細内容タブの配置改善を行い、既存のデータ構造に影響を与えずに UI/UX を向上させる
- MasterShohinMenteView で使われている共通リソース（ColorZone、Card、DataGridAssist、FormTextBox、SearchTextBox）をテンプレートとして再利用する
いつ使うか
- 商品マスタ以外のマスタ画面（社員、仕入、名称、顧客など）をデザイン統一する要求が出たとき
- 支払情報タブや詳細タブなど複数のセクションを持つ画面で、RowDefinitions/TabItem 構成を再配置する必要があるとき
- 登録日/修正日など共通の情報表示を追加する場合
手順
- 既存の対象ビュー（例:
MasterShiireMenteView.xaml）を読み込み、MasterShohinMenteView.xamlの構成を参照しながらColorZoneヘッダー、Cardレイアウト、MaterialDesignOutlined 入力をマッピングする - 支払情報タブでは
RowDefinitionsを再計算し、支払フラグ／支払方法／仕入先ブロックを1つずつ明確な行へ移動。仕入先検索は DockPanel や SearchTextBox を使い文言を統一する - 詳細内容タブの下部に
登録日/修正日表示を追加するにはMultiBindingなどでInfoLabelを構成し、Row3あたりに新しいTextBlockを配置してタイムスタンプをFormTextBox風に見せる - 更新後は
dotnet build "Cvnet10Wpfclient/Cvnet10Wpfclient.csproj" /p:EnableWindowsTargeting=true /p:UseAppHost=falseでビルド確認（可能な限り） Doc/aicording_log.mdに作業履歴とスキル利用の説明を記録する
設計のポイント
ColorZoneはMode="PrimaryMid"とColor="PrimaryHueMidBrush"を併用して統一感を出す- Card 内のフォームは
helpers:FormTextBox/helpers:SearchTextBoxなどのスタイルを利用し、余計な SolidColorBrush を直接指定しない - DataGrid には
helpers:DataGridAssist.CellPaddingやPrimaryHueMidBrushの ColumnHeader を使い、既存のスタイルに合わせる - 支払フラグなどのチェックボックスは
MaterialDesignCheckBoxかCheckBoxのStyleを MaterialDesign 風に揃える
報告/ログ
作業完了後は以下の形式で Doc/aicording_log.md に記録します：
## [YYYY-MM-DD] hh:mm 作業タイトル
### Agent
- [使用モデル : 提供者]
### Editor
- OpenCode
### 目的
- ...
### 実施内容
- 変更ファイルと要点
### 技術決定 Why
- 判断理由
### 確認
- dotnet build ... 成功 / 未実行
よくある質問
Q: 支払情報タブの Row を増やしたら既存バインディングが壊れる？
A: TabItem 内の Grid 構造を壊さず、Grid.Row 属性だけを調整すればバインディングに影響はありません。行の追加は RowDefinitions に Height="Auto" で柔軟に対応します。
Q: ヘッダーの文字列やカラーはどこから取得する？
A: MasterShohinMenteView で使われている ColorZone や Card の URIs を参照し、同じリソースキー（例: PrimaryHueMidBrush）を利用することでテーマ連携できます。
Q: 新しい skill で必ずビルドする必要がある？
A: 可能な限り dotnet build を実行してください。時間的制約がある場合、代わりに dotnet build を実行した旨をログで報告し、未実行理由を記載します。
更新履歴
- v0.1.0 (2026-03-23): 初版（マスタ画面のデザイン統一および支払タブ改善に関する記録）
Related Skills
sekiya-sato/wpf-view-workflow
tools
VerifiedTrustedCommunity
Defines the standard workflow for creating or updating individual WPF Views and ViewModels in Cvnet10Wpfclient, including menu wiring and validation steps.
SKILL.mdUpdated Apr 16, 2026
sekiya-sato/wpf-project-guide
tools
VerifiedTrustedCommunity
Provides the shared Cvnet10Wpfclient project conventions, resource usage, BaseWindow rules, validation flow, and build checks required before any WPF-related work.
SKILL.mdUpdated Apr 16, 2026
sekiya-sato/clipboard-image-wsl
tools
VerifiedTrustedCommunity
Guides opencode to save Windows clipboard images into WSL with `clipimg` and pass the resulting file path into prompts.
SKILL.mdUpdated Apr 16, 2026
sekiya-sato/check-xaml
development
VerifiedTrustedCommunity
Validates XAML files for syntax errors, resource references, namespace declarations, and optionally binding paths against ViewModels. Designed for WPF/XAML projects in .NET development.
SKILL.mdUpdated Apr 16, 2026