前端开发 Skill技能列表

⚡

Nuxt内容管理技能Skill nuxt-content

4.5

Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件,用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词:Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。

⚡

Avalonia布局与Zafiro.Avalonia技能Skill avalonia-layout-zafiro

4.5

本技能专注于通过 Zafiro.Avalonia 库实现 Avalonia UI 的现代化、清洁和可维护布局,利用语义容器、共享样式和最小化 XAML 冗余,提升开发效率和代码质量。关键词:Avalonia UI, Zafiro.Avalonia, UI布局优化, 语义容器, 共享样式, XAML简化, 前端开发。

⚡

PiniaVue状态管理Skill pinia

4.5

Pinia 是 Vue 的官方状态管理库,提供类型安全、可扩展性和直观的 API,适用于 Vue 应用中的状态管理、存储定义和组件通信。关键词:Vue 状态管理、Pinia、TypeScript、可扩展、前端开发、Vue 插件。

⚡

响应式设计Skill responsive-design

4.5

响应式设计是一种现代网页开发技能,用于创建自适应不同屏幕尺寸和设备的用户界面。它涵盖容器查询、流体排版、CSS网格、移动优先断点策略等核心技术,关键词包括响应式布局、自适应设计、前端开发、网页优化和用户体验,适合SEO搜索。

⚡

Knip死代码检测最佳实践Skill knip-deadcode

4.5

这个技能是关于使用 Knip 工具来检测和移除 JavaScript 和 TypeScript 项目中的未使用代码,包括配置最佳实践、CI 集成、性能优化等。关键词:Knip, 死代码检测, JavaScript, TypeScript, 代码清理, 性能优化, CI/CD, 前端开发, 代码质量。

⚡

Web接口指南审查技能Skill web-design-guidelines

4.5

此技能用于自动审查网页UI代码,确保其符合Web接口指南,涵盖可访问性、性能、用户体验等多个方面,帮助前端开发者提升代码质量并遵循行业最佳实践。关键词:UI审查、Web设计指南、可访问性检查、前端开发、代码合规性。

⚡

GPUI布局与样式设计技能Skill gpui-layout-and-style

4.5

这个技能涉及使用GPUI库进行CSS-like样式设置和弹性盒子布局,专注于在Rust环境中设计和应用用户界面的样式和布局系统。关键词:GPUI, 布局, 样式, Rust, 弹性盒子, CSS-like, 前端开发, UI设计

⚡

Vue3开发Skill vue

4.5

Vue 3 开发技能是一个参考系统,提供 Vue 3 Composition API 模式、组件架构、测试实践等指导,适用于前端开发、Vue 组件编写、composables 创建和代码测试。关键词:Vue 3, Composition API, 前端开发, 组件, composables, 测试, 响应式编程。

⚡

网页界面审查技能Skill web-design-guidelines

4.5

这个技能用于自动审查用户界面代码,确保其符合网页界面最佳实践,涵盖可访问性、焦点状态、表单、动画、性能、排版等多个方面,帮助前端开发者提升代码质量和用户体验。关键词:UI审查、前端开发、可访问性、性能优化、代码审计、网页设计、用户体验。

⚡

Excalidraw手绘图表生成器Skill excalidraw

4.5

这是一个用于将Excalidraw JSON格式数据自动渲染为手绘风格PNG图表的工具。它支持生成流程图、架构图、示意图等多种图表类型,提供丰富的样式自定义选项和智能箭头绑定功能,无需手动计算坐标,简化了技术文档、设计草图和演示文稿的图表制作流程。关键词:Excalidraw图表生成,手绘风格流程图,JSON转PNG,技术绘图工具,架构图自动渲染,可视化工具。

⚡

SlidevSkill slidev

4.5

Slidev是一款面向开发者的现代化演示文稿制作工具,基于Vite、Vue和Markdown构建。它支持实时代码演示、语法高亮、交互式组件、数学公式、图表绘制和演讲录制,能够将技术文档、会议演讲和教学材料转化为精美的Web幻灯片,并支持导出为PDF、PPTX等多种格式。

⚡

组件组装Skill assembling-components

4.5

组件组装技能用于将AI设计组件技能的输出整合成统一、生产就绪的应用程序系统,包括令牌验证、框架脚手架生成和组件集成。它支持React/Next.js、Python和Rust项目,确保设计令牌正确使用、组件无缝连接,并优化开发工作流程。关键词:AI设计组件、组件组装、令牌验证、框架脚手架、React开发、Python后端、Rust项目、前端集成、生产部署。