前端开发 Skill技能列表
Pinia状态管理技能Skill pinia
这个技能提供 Pinia 状态管理专长,用于在 JARVIS AI 助手中管理应用状态,包括系统指标、用户偏好和 HUD 配置。它专注于前端开发,使用 Vue.js 和 TypeScript 实现类型安全和高效状态管理,适用于实时数据同步和 SSR 安全场景。关键词:Pinia, Vue.js, 状态管理, TypeScript, 前端开发, JARVIS, 实时同步, SSR 安全。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制,帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发,适用于前端界面构建。关键词:Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式,以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括:泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频,通过代码分析、AI图像生成和并行处理技术,实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词:视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
NuxtUISkill nuxt-ui
Nuxt UI v4是一个用于Vue 3和Nuxt 4+的UI组件库,提供预构建组件如按钮、模态框、表单、表格等,支持Tailwind Variants主题定制,基于Reka UI构建,适用于快速开发风格化用户界面。关键词包括Vue 3、Nuxt 4+、UI组件、Tailwind CSS、Reka UI、前端开发、组件库。
TypeScript打包工具Skill tsdown
tsdown是一个基于Rolldown和Oxc的TypeScript打包工具,用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景,提升开发效率和代码质量。关键词:TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。
VueUse工具库Skill vueuse
VueUse工具库是一个Vue.js的组合式函数集合,提供各种响应式实用工具,涵盖状态管理、浏览器API、传感器、网络、动画等,帮助开发者高效构建Vue应用,避免重复开发。关键词:VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。
注册组件模式Skill registry-component-patterns
该技能涉及在shadcn/ui框架中注册和管理8位风格的前端组件,包括定义组件和块的注册模式、管理依赖关系、设置分类等,适用于游戏UI和复古主题的前端开发。关键词:shadcn/ui, 8位组件, 组件注册, 前端开发, 游戏UI。
SVG动画硬件加速优化Skill rendering-animate-svg
这个技能通过将动画SVG元素包装在div中,启用硬件加速以优化动画性能。适用于前端开发,特别是在像素艺术和8位复古风格的动画中,提高流畅度和用户体验。关键词:SVG动画、硬件加速、性能优化、前端开发、像素艺术、CSS变换、GPU加速。
设计实现审查员Skill design-implementation-reviewer
设计实现审查员是一种技能,专门用于验证前端UI实现是否与Figma设计规范匹配,通过视觉对比、系统审查和反馈提供,确保像素完美的设计一致性和用户体验优化。关键词:UI/UX设计、Figma审查、前端开发、像素完美、设计保真度、视觉对比、反馈提供。
Figma设计同步技能Skill figma-design-sync
这是一个自动化工具,用于比较和调整Figma设计与Web实现之间的视觉差异,确保设计一致性,提高前端开发效率和质量。关键词包括Figma、设计同步、CSS、Tailwind、Web开发、自动化、响应式设计。
基兰TypeScript代码审查技能Skill kieran-typescript-reviewer
此技能用于审查TypeScript代码变更,确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例,适用于新功能实现、代码修改或创建新组件后的审查。关键词:TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。