前端开发 Skill技能列表
dotnet-wpf-migrationSkill dotnet-wpf-migration
这个技能提供Windows桌面应用程序从.NET Framework迁移到现代框架的详细指南，包括WPF、WinForms、UWP到.NET 8+、WinUI 3和Uno Platform的路径、决策矩阵、工具使用和步骤说明。关键词：.NET迁移、WPF、WinUI、Uno Platform、桌面应用现代化、dotnet-upgrade-assistant、Windows开发。
dotnetBlazor模式设计Skill dotnet-blazor-patterns
这个技能专注于dotnet Blazor应用的架构设计，涵盖托管模型、渲染模式、路由、流式渲染、预渲染和AOT安全模式。它帮助开发者高效构建交互式Web应用，适用于前端开发、Web开发、.NET开发和Blazor框架。关键词：Blazor、dotnet、Web开发、前端、渲染模式、托管模型、路由、AOT安全、.NET 10、增强导航。
功能性setState更新Skill rerender-functional-setstate
React功能性setState更新是用于优化React组件中状态管理的技术，通过使用函数形式的setState来更新基于当前状态的状态值，防止闭包陈旧问题并减少不必要的性能开销。关键词：React，setState，闭包，性能优化，状态管理，前端开发。
DartSass工具Skill dart-sass
Dart Sass是一个功能强大的CSS预处理器工具，用于将Sass/SCSS代码编译为CSS，支持变量、嵌套、混合、函数等高级语法特性，以及模块系统、源映射等，适用于前端开发，提升样式表编写效率和可维护性。关键词：Dart Sass, Sass编译器, CSS预处理器, 前端开发, 样式预编译。
UI研究Skill ui-research
UI研究技能用于在UI设计前进行系统性研究，收集真实产品灵感，识别现代设计模式，避免通用AI生成的外观，确保设计基于真实世界和用户体验。关键词：UI研究、用户体验设计、设计灵感、前端设计、设计流程、避免AI外观。
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
程序化SEO页面模板技能Skill pseo-templates
此技能用于创建程序化SEO页面模板，通过动态路由和结构化数据渲染，为每个页面生成独特、意图匹配的内容，包括差异化标题、描述和FAQ。适用于大规模生成高质量SEO页面，提升搜索排名和用户体验。关键词：程序化SEO，页面模板，动态路由，SEO优化，内容生成，E-E-A-T信号，大规模页面生成。
Biome代码检查技能Skill biome-linting
这个技能用于通过Biome工具对JavaScript和TypeScript项目进行自动化代码检查，提升代码质量、性能和安全性。关键词：Biome, 代码检查, linting, JavaScript, TypeScript, 代码质量, 自动化检查, 规则配置, 安全优化。
TailwindCSSv4模式Skill tailwind-patterns
Tailwind CSS v4 模式是一种前端开发技能，专注于使用Tailwind CSS v4框架实现CSS优先配置、容器查询、现代布局模式、设计令牌架构等，用于快速构建高效、响应式、可维护的Web界面。关键词包括Tailwind CSS、CSS-first、容器查询、设计令牌、前端开发、响应式设计、布局模式。
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。
视频制作人Skill video-producer
这是一个基于Remotion的视频制作技能，能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染，适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词：视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。