前端开发 Skill技能列表
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理,用于处理鼠标、键盘、触摸等用户输入事件,定义和传播动作以实现GUI组件交互。关键词包括:Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
shadcn组件管理Skill shadcn-management
这个技能用于管理 shadcn/ui 组件,支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令,适用于前端开发项目。关键词:shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。
网页界面指南审查Skill web-design-guidelines
此技能用于自动审查网页 UI 代码,确保其符合 Web 界面指南,包括可访问性检查、设计审计和用户体验优化,提升网站质量,便于 SEO 搜索。关键词:UI 代码审查、Web 界面指南、可访问性检查、设计审计、UX 审查、最佳实践、前端开发。
无障碍与WCAG合规专家Skill accessibility-wcag
这个技能专注于网页无障碍性和WCAG 2.2合规性,确保界面对所有用户可访问,包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计,关键词:无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。
前端可访问性开发Skill accessibility
这个技能用于审计和提升网站的可访问性,遵循WCAG 2.1指南,确保内容对所有用户(包括残障人士)都可访问。它涵盖文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面,帮助开发者创建无障碍的Web应用。关键词:Web可访问性、WCAG 2.1、无障碍开发、前端可访问性、A11Y、屏幕阅读器支持、键盘导航。
构件构建器Skill artifacts-builder
该技能用于构建交互式、自包含的HTML/JavaScript构件,包括数据可视化、计算器、迷你应用和工具,支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词:HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。
ShadcnUI组件库Skill shadcn-ui-components
此技能用于使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建美观、可访问、可自定义的 UI 组件库。适用于前端开发中的组件库创建、常见 UI 模式实现(如对话框、下拉菜单、表单验证、数据表格、命令面板)、设计系统构建,以及提升开发效率和用户体验。关键词:前端开发、UI 组件、可访问性、Tailwind CSS、Radix UI、shadcn/ui、组件库、表单验证、数据表格、设计系统。
YjsCRDT协作模式Skill yjs
掌握 Yjs CRDT(无冲突复制数据类型)模式,用于构建高并发实时协作应用,包括共享类型管理、冲突解决算法、文档存储优化和常见陷阱避免,适用于在线文档、协同白板、代码编辑器和团队工具开发,关键词包括 Yjs、CRDT、实时协作、冲突解决、共享类型、数据同步。
Tauri路径处理Skill tauri
这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理,帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词:Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。
Chrome开发者工具MCP服务器Skill devtools
此技能通过启动和配置 Chrome 开发者工具 MCP 服务器,使 Claude 能够远程访问浏览器进行前端调试、性能分析、网络监控和自动化测试。关键词:Chrome DevTools、MCP 服务器、前端调试、浏览器自动化、性能优化、网络分析、可视化检查、用户模拟、设备模拟。
网站质量审计Skill web-quality-audit
这个技能用于执行全面的网站质量审计,基于Google Lighthouse工具,覆盖性能、可访问性、SEO和最佳实践等方面。它提供详细的问题分析、修复建议和代码示例,帮助开发者优化网站用户体验、提升搜索排名并确保技术合规。关键词包括网站审计、性能优化、可访问性测试、SEO检查、Lighthouse、前端优化、Web开发。
TypeScript专家Skill typescript-expert
TypeScript 专家技能专注于 TypeScript 和 JavaScript 的类型级编程、性能优化、迁移策略和现代工具链使用。用于解决复杂类型问题、构建优化、调试和架构决策。关键词:TypeScript, JavaScript, 类型编程, 性能优化, 前端开发, 迁移, 工具链, 代码审查, 调试。