前端开发 Skill技能列表
uViewVue2组件库技能Skill uview-vue2
这个技能提供uView Vue 2组件库的全面指导,帮助开发者构建uni-app应用程序,使用uView UI组件和工具进行前端开发。关键词:uView UI, Vue 2, uni-app, 前端组件, 移动开发, 响应式布局, 主题定制。
WPFXAML样式生成器Skill wpf-xaml-style-generator
WPF XAML样式生成器是一款专门为Windows Presentation Foundation应用程序开发的专业工具,能够自动化生成支持多主题切换的XAML样式、控件模板和资源字典。该工具遵循现代UI设计原则,提供浅色/深色/高对比度主题支持,集成Fluent Design和Material Design设计系统,帮助开发者快速构建一致、可维护、美观的桌面应用程序界面。关键词:WPF开发、XAML样式、UI设计、主题切换、控件模板、资源字典、桌面应用程序、.NET开发、Fluent Design、Material Design
Remix图标库实现技能Skill remix-icon
Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南,RemixIcon提供3100多个中立风格图标,包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景,支持Webfonts、SVG、React、Vue等多种集成方式,涵盖安装、使用模式、最佳实践和故障排除。关键词:图标库,RemixIcon,前端开发,UI设计,SVG图标,React集成,Vue集成,图标实现,Webfonts,UI组件。
国际化与本地化技能Skill i18n
国际化(i18n)与本地化(l10n)技能用于设计和实现多语言应用程序,包括翻译管理、区域特定格式化、RTL布局支持、复数化规则等,覆盖从架构模式到流行库的应用。关键词:国际化、本地化、翻译、多语言、区域格式化、RTL支持、复数化、日期格式、数字格式、货币格式、i18next、react-intl、gettext、ICU MessageFormat、Intl API、CSS逻辑属性、语言检测、SEO优化。
Pinia状态管理Skill pinia
Pinia 状态管理技能提供在 Vue 3 应用程序中实现高效、类型安全的状态管理解决方案。该技能涵盖 Pinia 存储的创建、异步操作、计算属性、插件集成和存储组合等核心功能,适用于前端开发中的状态管理、Vue 应用架构和复杂状态逻辑处理。关键词:Pinia, Vue 3, 状态管理, 前端开发, 存储模式, 持久化, 插件集成, 响应式数据。
Three.js3D图形开发技能Skill threejs
Three.js 技能库提供构建3D网页体验的全面知识,涵盖场景设置、几何体、材质、照明、纹理、动画、加载器、着色器、后处理和交互等核心领域。适用于WebGL可视化、GLTF模型处理、自定义着色器实现和交互式3D元素开发,关键词包括Three.js、WebGL、3D图形、JavaScript库、前端开发、3D建模、动画效果。
React性能优化Skill react-optimise
React性能优化技能专注于提升React应用程序的运行效率和用户体验,涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性,并整合数据分析、性能测试和最佳实践,以支持高效开发和业务增长。
URL转Markdown工具Skill baoyu-url-to-markdown
本技能使用Chrome DevTools协议(CDP)抓取网页并将HTML转换为干净的Markdown文件,支持自动捕获和等待用户信号模式,适用于保存网页内容、处理需要登录的动态页面,关键词包括URL抓取、HTML转Markdown、网页保存、自动化工具、Chrome CDP、Markdown转换。
FigmaMCP集成Skill figma
这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产,并将 Figma 节点翻译成生产代码(如 React + Tailwind),实现设计到代码的自动化转换。适用于前端开发项目,提高开发效率,确保设计一致性,支持链接驱动的实现流程。关键词:Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。
ESLint代码检查配置Skill eslint
ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务,涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。
UI设计师Skill ui-designer
UI设计师技能专注于提供专业的用户界面视觉设计服务,包括创建美观、直观且符合可访问性标准(如WCAG)的界面。核心能力涵盖视觉设计(色彩、字体、布局)、组件系统构建(按钮、表单、导航)、交互设计(状态、动画)以及设计系统开发。适用于新产品界面设计、现有界面重构、响应式设计实现、组件库创建和可访问性合规检查等场景。关键词:UI设计,用户界面,视觉设计,设计系统,组件库,可访问性,WCAG,响应式设计,交互设计,前端设计规范。
前端设计Skill designing-frontend
前端设计技能专注于构建独特、生产级的Web界面,强调创意美学和情境化设计,避免通用模式。关键词:前端开发,UI设计,Web界面,创意美学,生产级代码,用户体验,视觉设计,交互设计,CSS动画,React,Vue。