前端开发 Skill技能列表

⚡

代码格式化配置Skill prettier

4.5

Prettier 代码格式化工具配置技能,提供专业的代码格式化方案、团队代码规范统一、编辑器集成以及持续集成(CI)环境配置。关键词:代码格式化,Prettier 配置,ESLint 集成,团队开发规范,CI/CD 自动化。

⚡

网页无障碍访问Skill web-accessibility

4.5

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

⚡

Next.js开发工具Skill nextjs-devtools

4.5

这是一个用于 Next.js 框架的调试和开发工具,通过 MCP 协议提供路由检查、组件分析、构建信息获取和配置查看等功能。关键词:Next.js 调试,路由检查,组件分析,MCP 工具,开发工具,前端调试。

⚡

Telegram生态开发技能Skill telegram-dev

4.5

全面的 Telegram 开发指南,涵盖 Bot 开发、Mini Apps(小程序)、客户端开发的完整技术栈。

⚡

FigmaVariables→TailwindCSS转换技能Skill figma-to-tailwind

4.5

这个技能指南旨在帮助用户将Figma设计工具中的MCP设计变量自动转换为Tailwind CSS框架的标准类,以提高前端开发效率和一致性。

⚡

FormHandlingwithReactHookFormandZodSkill FormHandlingwithReactHookFormandZod

4.5

使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单,提高数据质量,减少表单放弃,提升用户体验。

⚡

React最佳实践和模式Skill ReactBestPracticesandPatterns

4.5

React最佳实践和模式是一个专家级框架,用于构建使用函数组件、钩子、状态管理模式、性能优化和测试策略的React应用程序,以实现可维护和可扩展的代码。

⚡

TailwindCSS模式和最佳实践Skill TailwindCSSPatternsandBestPractices

4.5

Tailwind CSS 是一个专家级框架,用于使用基于公用类的 CSS 快速构建 UI,实现一致的设计系统、响应式布局和生产优化样式。

⚡

BunNext.js开发Skill BunNext.js

4.5

这个技能专注于使用Bun作为运行时来运行和优化Next.js应用程序,以提高开发速度、构建效率和性能。它涵盖了项目设置、配置、Bun API集成、部署和常见问题解决,适用于全栈Web开发。关键词:Bun, Next.js, Web开发, 全栈, 服务器端渲染, Bun运行时, 性能优化, 快速开发。

⚡

前端竞态条件审查技能Skill julik-frontend-races-reviewer

4.5

这个技能用于专业审查JavaScript和Stimulus前端代码中的竞态条件,确保UI时序正确和界面质量。它覆盖了DOM事件处理、Promise管理、定时器取消、CSS动画、并发操作跟踪等关键领域,特别兼容Hotwire和Turbo框架。关键词包括:前端开发、JavaScript、Stimulus、竞态条件、代码审查、UI质量、时序控制、数据竞态、Turbo、Hotwire、Promise、setTimeout、CSS动画、状态管理、DOM操作、前端优化。

⚡

Makepad小部件技能Skill makepad-widgets

4.5

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

⚡

可访问性合规Skill accessibility-compliance

4.5

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