这个技能专注于使用现代CSS技术设计和实现响应式布局系统，包括CSS Grid网格系统、Flexbox弹性盒子模式、容器查询、间距系统和移动优先设计策略，帮助开发者构建灵活、可访问的用户界面，适用于各种设备。关键词：CSS Grid, Flexbox, 容器查询, 响应式设计, 布局系统, 前端开发, 移动优先。

这个技能提供了Bootstrap Vue 3组件库的全面指导，用于帮助开发者使用Vue.js和Bootstrap构建前端应用。它包括组件、网格系统、指令和API的详细说明，适用于前端开发、Vue 3集成、响应式布局等场景。关键词：Bootstrap Vue, Vue 3, 前端开发, 组件库, 响应式设计。

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

启动时间分析器是一款专注于桌面应用程序性能优化的工具，能够对应用启动过程进行深度剖析，识别并解决初始化、模块加载和渲染等环节的瓶颈问题。通过测量冷启动与热启动时间、生成时间线可视化图表，并提供模块延迟加载、资源预加载等优化建议，帮助开发者显著提升应用启动速度。适用于Electron、Tauri及原生框架的性能调优，是提升用户体验和软件性能的关键工具。

这个技能用于使用Next.js App Router架构开发现代Web应用，包括服务器组件、客户端组件、高级路由模式、数据获取优化和流式渲染，旨在构建高性能、SEO友好的React应用程序。关键词：Next.js, App Router, 服务器组件, 客户端组件, 路由, 数据获取, SEO。

本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南，包含42条规则，覆盖8个类别，帮助开发者进行代码生成、重构和代码审查。关键词：nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。

这个技能提供了一个生产就绪的设置指南，用于使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 构建前端项目。它涵盖了暗色模式实现、CSS 变量架构、常见问题修复和最佳实践，帮助开发者高效搭建和调试现代 Web 应用。关键词：Tailwind v4, shadcn/ui, Vite, React, 暗色模式, CSS 变量, 前端开发, 生产部署, SEO。

这是一个基于Remotion的视频制作技能，能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染，适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词：视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。

该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。

本技能提供 Tailwind CSS 框架的实用类模式、响应式设计断点、常用组件代码片段和配置的快速参考。关键词：Tailwind CSS， 响应式设计， 前端开发， 实用类， 深色模式， 布局模式， 组件代码。

这个技能用于使用Next.js 13+的App Router架构构建现代Web应用，支持服务器组件、客户端组件、高级路由模式，优化数据获取和渲染性能，提升SEO友好性。关键词：Next.js, App Router, 服务器渲染, React, 前端开发

React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践