前端开发 Skill技能列表

4.5

优质前端设计技能Skill frontend-design

此技能专注于开发独特、生产级的前端界面,强调高质量创意设计和避免通用AI美学。用于构建Web组件、页面或应用程序,提供精致代码和美学优化,提升用户体验和视觉吸引力。关键词:前端开发、创意设计、Web界面、美学优化、生产级代码。

4.5

TypeScript高级类型Skill typescript-advanced-types

TypeScript高级类型技能专注于TypeScript的类型系统的高级特性,如泛型、条件类型、映射类型、模板字面量类型和工具类型,用于开发类型安全的软件应用。关键词包括:TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。

4.5

WordPress交互性APISkill wp-interactivity-api

本技能用于WordPress交互性API的开发与调试,涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本,帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词:WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发

4.5

网页无障碍访问Skill web-accessibility

网页无障碍访问合规专家技能,专注于WCAG标准审计、屏幕阅读器兼容性测试、键盘导航验证与包容性设计。提供全面的网站可访问性分析与修复方案,确保网站对所有用户(包括残障人士)友好。关键词:网页无障碍,WCAG合规,屏幕阅读器,键盘导航,色彩对比度,ARIA,语义化HTML,包容性设计,可访问性审计,前端开发。

4.5

TauriWebView调试器Skill debug-tauri

Tauri WebView 调试器是一个自动化调试工具,专为 Tauri 桌面应用开发设计。它集成了官方插件,提供进程监控、自动截图、控制台日志收集和 WebView 状态分析功能。适用于开发者快速定位 WebView 渲染问题、UI 错误、运行时异常和性能瓶颈。关键词:Tauri 调试、WebView 问题排查、桌面应用开发、自动化测试、日志收集、截图工具、前端调试、Rust 桌面应用。

4.5

前端开发前指南阅读Skill before-frontend-dev

该技能用于在开始前端开发任务前,系统阅读和理解相关开发指南,以确保代码质量、一致性并遵循最佳实践,关键词包括前端开发、指南阅读、编码标准、代码规范、SEO优化。

4.5

Makepad小部件技能Skill makepad-widgets

这个技能专注于Makepad框架的UI组件开发,帮助用户编写代码、解答问题,并提供详细的文档和模式。关键词包括:Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。

4.5

构件构建器Skill artifacts-builder

该技能用于构建交互式、自包含的HTML/JavaScript构件,包括数据可视化、计算器、迷你应用和工具,支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词:HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。

4.5

Makepad调试与参考Skill makepad-reference

此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料,帮助开发者解决常见错误、优化代码结构,并实现跨平台UI开发。关键词:Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。

4.5

TailwindCSS设计系统构建Skill tailwind-design-system

这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统,涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。

4.5

ShadcnUI组件库Skill shadcn-ui-components

此技能用于使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建美观、可访问、可自定义的 UI 组件库。适用于前端开发中的组件库创建、常见 UI 模式实现(如对话框、下拉菜单、表单验证、数据表格、命令面板)、设计系统构建,以及提升开发效率和用户体验。关键词:前端开发、UI 组件、可访问性、Tailwind CSS、Radix UI、shadcn/ui、组件库、表单验证、数据表格、设计系统。

4.5

算法艺术生成Skill algorithmic-art

此技能专为使用p5.js创建算法艺术而设计,涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发,允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词:算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。