前端开发 Skill技能列表

注册组件模式Skill registry-component-patterns

4.5

该技能涉及在shadcn/ui框架中注册和管理8位风格的前端组件,包括定义组件和块的注册模式、管理依赖关系、设置分类等,适用于游戏UI和复古主题的前端开发。关键词:shadcn/ui, 8位组件, 组件注册, 前端开发, 游戏UI。

JavaScript早期退出优化技巧Skill js-early-exit

4.5

JavaScript早期退出技巧用于在编码中尽早从函数或循环返回,以避免执行不必要的计算,从而提高代码性能和效率。适用于数据处理、输入验证、条件判断等场景。关键词:JavaScript,早期返回,代码优化,性能优化,函数设计。

8-bit组件文档编写Skill fumadocs-component-docs

4.5

该技能用于为 8-bit 风格组件创建和维护结构化文档,包括组件预览、使用示例、属性表格和导入指南,旨在提高前端组件库的文档质量和用户体验。关键词:8-bit 组件、文档编写、前端开发、组件库、SEO 优化。

SvelteKitSEO和元标签技能Skill seo-and-meta-tags-in-sveltekit

4.5

这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理,提供指南、最佳实践、代码审查和重构建议,帮助开发者提升网站可搜索性、代码质量和一致性。关键词:SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。

UI组件生成技能Skill ui

4.5

此技能用于生成用户界面(UI)组件和反馈表单,支持前端开发中的英雄区域、表单设计等元素,适用于网站和应用的界面构建及用户反馈收集。关键词:UI组件,反馈表单,前端开发,用户界面设计,表单生成,可访问性,SEO优化。

Robius事件与动作模式技能Skill robius-event-action

4.5

本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践,基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式,适用于UI开发和前端应用构建。关键词:Makepad事件处理,动作模式,UI开发,Rust编程,Robrix,Moly,小部件动作,异步处理,前端框架。

Makepad着色器技能Skill makepad-shaders

4.5

这个技能专注于Makepad框架中的着色器编程,用于帮助用户编写和解释着色器代码,包括生成shader代码、回答问题、解释Sdf2d和GLSL函数。适用于前端开发和图形渲染,关键词包括:Makepad, 着色器, SDF, GLSL, 前端开发, 图形编程, UI设计。

Makepad平台技能Skill makepad-platform

4.5

这个技能专注于Makepad跨平台开发,提供平台支持、条件编译和平台API使用指导,帮助开发者在macOS、Windows、Linux、iOS、Android、Web等多个操作系统上构建兼容且高性能的应用。关键词:Makepad、跨平台开发、平台支持、条件编译、OsType、图形后端、前端UI。

可访问性合规Skill accessibility-compliance

4.5

这个技能提供新闻网站、学术平台等的可访问性合规模式,用于构建无障碍界面、审计网站的WCAG合规性、编写图像替代文本、创建可访问数据可视化、确保多媒体内容可访问,并满足法律要求。它帮助开发人员和内容发布者确保所有读者(包括使用辅助技术的用户)都能平等访问网络内容。关键词:可访问性、无障碍设计、WCAG、新闻网站、数据可视化、图像替代文本、键盘导航、屏幕阅读器。

Web界面指南审查工具Skill web-design-guidelines

4.5

这个技能用于审查UI代码是否符合Web界面指南,确保网站的可访问性、用户体验和设计规范。它可以自动获取最新指南、检查代码合规性并提供简洁报告,帮助开发者提升网站质量和遵循最佳实践。关键词:UI代码审查,Web界面指南,可访问性检查,设计审核,UX审查,最佳实践,自动化工具。

Svelte前端开发最佳实践Skill svelte

4.5

这个技能专注于使用 Svelte 5 框架进行高效前端开发,涵盖 TanStack Query 的突变模式管理、shadcn-svelte UI 组件库的集成与最佳实践,以及组件组合和自我封装的设计模式。适用于构建现代化、响应式的单页应用,提升开发效率和用户体验。关键词:Svelte, TanStack Query, shadcn-svelte, 前端开发, 组件开发, 状态管理, UI 设计, 数据突变

Zustand状态管理技能Skill zustand-state-management

4.5

这个技能提供了在 React 应用中,使用 Zustand 进行状态管理的完整设置指南,特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践,用于构建可扩展、类型安全的全局状态。关键词:Zustand,状态管理,React,TypeScript,持久化,中间件,前端开发,JavaScript,Redux 替代。