此技能专注于Prettier插件的各个方面，包括插件生态系统、自定义解析器和插件开发，旨在帮助开发者掌握代码格式化工具的高级应用。关键词：Prettier插件, 代码格式化, JavaScript开发, 前端工具, 插件开发, SEO

此技能专注于设计和优化软件用户界面与用户体验，涵盖UI设计、UX研究、可访问性审核（如WCAG标准）、设计系统定义、流程优化和转化率提升（CRO），适用于Web、iOS、Android和桌面平台，包括AI/自动化UX模式。关键词：UI设计，UX设计，可访问性，设计系统，用户体验优化，WCAG，CRO，前端开发。

这个技能提供了一套精心策划的React动画组件，专门用于Remotion视频合成，帮助开发者创建具有美学价值的视觉特效和动画效果。关键词：React动画，Remotion视频，动画组件，视频特效，美学设计，前端开发。

TanStack Start 是一个全栈 React 框架，用于构建具有服务器端渲染、客户端渲染、Cloudflare Workers 支持和文件式路由的 React 应用。适用于从 Next.js 迁移、解决水合错误、实现边缘渲染等场景。关键词：React, 全栈, SSR, CSR, Cloudflare Workers, TanStack Router, 前端开发, 全栈开发。

这个技能用于构建类型安全、基于文件的路由的React单页应用（SPA），集成TanStack Query，优化用于Cloudflare Workers部署，提高开发效率和代码质量。关键词包括：TanStack Router、React路由、TypeScript类型安全、文件路由、数据加载、Cloudflare Workers、前端开发。

移动优先设计是一种前端开发技能，专注于从移动设备开始构建响应式网站界面，通过CSS媒体查询定义断点，使用渐进增强技术适应平板和桌面屏幕。关键词包括移动优先、响应式设计、CSS、断点、触摸友好、性能优化。

TanStack Start 是一个基于 Bun 运行时的全栈 React 框架，用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理，提高开发效率，适用于 SSR、构建优化和全栈开发场景。关键词：TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。

该技能用于在JavaScript或TypeScript中优化代码性能，通过使用Set和Map数据结构实现O(1)时间复杂度的成员查找，替代低效的数组includes方法，适用于高频查找场景，提升应用程序响应速度和效率。关键词：Set Map O(1) 查找 优化 JavaScript TypeScript 性能提升

这个技能提供了 Effect-TS 中处理值的两个核心模式：处理 None 和 Some 值的模式，以及可选链与组合模式。它帮助开发者避免空值错误，实现类型安全编程，提升代码可读性和维护性。关键词：Effect-TS, Option类型, 模式匹配, 值处理, TypeScript, 函数式编程。

Astro性能优化技能，专注于通过关键CSS内联、文件压缩、字体加载和LCP优化等手段，提高Astro框架网站的Lighthouse评分至95分以上，适用于前端性能优化。关键词：Astro, 性能优化, Lighthouse, CSS内联, 压缩, 字体加载, LCP优化。

这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。

该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。