前端开发 Skill技能列表
主题处理器Skill theme-handler
这是一个用于管理和更新应用程序UI主题的技能工具。它基于shadcn和tweakcn库,允许开发者通过简单的命令行操作,快速安装和切换预设的现代化主题方案。关键词:前端开发,UI主题,shadcn,tweakcn,命令行工具,组件库,主题管理。
Vite前端构建工具Skill vite
Vite 是一款现代化的前端构建工具,专为提升开发效率和构建性能而设计。它通过原生 ES 模块实现极速的服务器启动和热更新(HMR),并利用 Rolldown/Rollup 进行高效的打包优化。Vite 开箱即用地支持 TypeScript、JSX、CSS 预处理器,拥有丰富的插件生态系统,适用于配置项目、开发调试和生产部署。关键词:Vite 构建工具,前端开发,热更新 HMR,Rollup 打包,TypeScript 支持,插件生态,开发服务器,生产优化。
流式LLM响应实现Skill streaming-llm-responses
本技能文档详细介绍了如何为AI聊天应用实现实时流式UI交互模式,涵盖响应生命周期管理、进度指示器、客户端效果、线程状态同步和客户端工具等关键技术。适用于构建具有实时反馈的聊天界面,防止竞态条件,提升用户体验。关键词:流式LLM响应、实时聊天UI、AI交互模式、前端开发、大模型应用、响应生命周期、客户端效果、进度更新、线程同步、ChatKit框架。
desmos-graphingSkill desmos-graphing
Obsidian Desmos 绘图插件使用指南,提供在 Obsidian 笔记软件中创建交互式数学图表的完整教程。该技能涵盖函数可视化、参数曲线、不等式绘图、数学关系探索,支持自定义样式、颜色、标签和限制条件。关键词:Obsidian 插件,Desmos 绘图,数学可视化,函数图表,参数方程,极坐标,LaTeX 数学,数据可视化,笔记增强。
身份验证与访问控制Skill auth
这是一个用于现代Web应用的身份验证与访问控制解决方案,专为Next.js 15与Supabase技术栈设计。它提供了完整的用户认证流程,包括登录、注册、邮箱验证和OAuth集成。核心功能包括基于角色的访问控制(区分管理员和普通成员)、服务器端路由保护、多租户数据隔离(以家庭为单位),以及安全的会话管理。该方案强调服务器端优先的安全性,使用HTTP-only Cookie,并提供了丰富的工具函数来简化开发。关键词:Next.js 15, Supabase, 身份验证, 访问控制, 多租户, 角色管理, 服务器组件, 路由保护, 数据隔离。
FormikPatternsSkill formik-patterns
Formik表单处理与验证模式。用于构建表单,实现验证或处理表单提交。
AccessibilityComplianceSkill accessibility-compliance
这个技能是关于如何在Web开发中实现和确保无障碍性,包括WCAG标准、屏幕阅读器兼容性、键盘导航和无障碍测试,以提升用户体验和满足法规要求。
Nuxt4数据管理Skill nuxt-data
这个技能用于Nuxt 4框架中的数据管理,涵盖composables、数据获取和状态管理。它帮助开发者处理响应式数据、SSR兼容性和复杂状态逻辑,适用于前端开发场景。关键词:Nuxt, 数据管理, composables, useFetch, useState, Pinia, SSR, 响应式编程。
动态导入懒加载技术Skill bundle-dynamic-imports
这个技能涉及使用 Next.js 框架的 `next/dynamic` 功能实现组件懒加载,以优化网页性能和用户体验。适用于在初始渲染时不需要的大型组件,如代码编辑器、图表、富文本编辑器等。通过动态导入,可以减少初始加载时间,提升应用响应速度。关键词:动态导入、懒加载、Next.js、前端优化、性能提升、组件加载、代码分割。
TAURISvelteUI组件开发规范Skill tauri-svelte-ui-components
这个技能提供了在Tauri桌面应用中开发Svelte UI组件的编码规则和最佳实践,帮助开发者遵循标准,提高代码质量和可维护性。关键词:TAURI, Svelte, UI组件, 前端开发, 编码规范, 最佳实践, 类型安全, 状态管理, 反应式UI。
TauriSvelteTypeScript通用开发技能Skill tauri-svelte-typescript-general
此技能为使用Tauri框架、Svelte前端库和TypeScript编程语言开发桌面应用提供全面的最佳实践和指南。它专注于提升代码质量、确保类型安全、实现响应式用户界面,并优化前端与后端服务的通信。关键词:Tauri, Svelte, TypeScript, 桌面应用, 开发指南, 前端开发, 类型安全, 代码审查。
Tauri原生API集成技能Skill tauri-native-api-integration
该技能提供关于在前端应用中集成 Tauri 原生 API 的指导和最佳实践,包括文件系统访问、系统托盘等功能,强调安全实践和代码标准,帮助开发者提升桌面应用的开发效率和质量。关键词:Tauri, 原生 API, 集成, 前端开发, 安全最佳实践, 代码审查。