يحول HTML/CSS إلى WPF CustomControl XAML باستخدام الأنماط الصحيحة وحلول الأخطاء الشائعة. يُستخدم عند تحويل تصميمات الويب إلى WPF، أو تحويل الرسوم المتحركة CSS إلى القصص المصورة، أو تنفيذ قص نصف قطر الحدود لـ CSS، أو عناصر CSS الزائفة (::before/::after)، أو تحويلات CSS في XAML.
ثبّت مهارة الذكاء الاصطناعي converting-html-css-to-wpf-xaml بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: christian289/dotnet-with-claudecode.
| overflow: hidden + border-radius | Border.Clip + RectangleGeometry (RadiusX/Y + MultiBinding) | clipping.md | | position: absolute (회전 요소) | Canvas + Canvas.Left/Top | layout.md | | animation-duration: 3s | Duration="0:0:3" 인라인 | animation.md | | height: 130% (회전 요소) | Converter로 동적 계산 (배율 2.0) | transform.md |
| ::before, ::after | Canvas 내 요소, 선언 순서로 z-order | layout.md | | z-index | 선언 순서 또는 Panel.ZIndex | layout.md | | 중앙 정렬 콘텐츠 | Canvas 밖 Grid에서 Alignment 적용 | layout.md | | spacing | Maring 속성으로 대체 | - |
| references/index.md | 전체 케이스 목록 (빠른 검색용) | | references/clipping.md | 클리핑 관련 실수 (Grid.Clip, OpacityMask, ClipToBounds) | | references/animation.md | 애니메이션/Duration 관련 | | references/layout.md | Canvas/Grid/정렬, pseudo-element 관련 | | references/transform.md | 회전/높이 계산 관련 | | references/converters.md | 필수 Converter 패턴 |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/christian289/dotnet-with-claudecode --skill converting-html-css-to-wpf-xamlيحول HTML/CSS إلى WPF CustomControl XAML باستخدام الأنماط الصحيحة وحلول الأخطاء الشائعة. يُستخدم عند تحويل تصميمات الويب إلى WPF، أو تحويل الرسوم المتحركة CSS إلى القصص المصورة، أو تنفيذ قص نصف قطر الحدود لـ CSS، أو عناصر CSS الزائفة (::before/::after)، أو تحويلات CSS في XAML. المصدر: christian289/dotnet-with-claudecode.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/christian289/dotnet-with-claudecode --skill converting-html-css-to-wpf-xaml بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/christian289/dotnet-with-claudecode