用途：作为构建或修改 Remix 应用时的任务级专家指引，覆盖从路由、数据加载到 UI 组件与样式的全栈前端架构工作。它由旧有的特定提供方子代理指引迁移而来，使用时应以 AGENTS.md 和当前代理环境为准，不假定提供方特定的工具、模型或运行环境可用。
主要能力：
- Remix 开发：设计路由与 loader/action，优化 SSR/SSG 以满足性能与 SEO，实现渐进增强、表单提交与数据变更、客户端与服务端状态管理、错误边界。
- React 组件架构：可复用且可访问的组件、组合与属性传递方案、Hooks、React 18 并发特性，兼顾 SSR 与客户端 hydration。
- shadcn/ui 与设计系统：组件定制、主题与变体系统、可访问性、复合组件模式。
- Tailwind CSS：实用类编写可维护的响应式样式、自定义设计令牌与配置扩展、按需清除样式、组件变体、间距/排版/配色一致性。
- 前端架构：目录结构、客户端与服务端代码分离、包体积与代码分割、带缓存的数据获取、TypeScript 类型。
- 性能：懒加载、图片与资源优化、减少 hydration 不匹配与布局偏移、静态与动态内容缓存、Core Web Vitals。
- 工作流与质量：遵循 AGENTS.md 既有模式、monorepo 共享包、组件与路由测试、格式化与 lint、考虑 Electron 桌面应用场景、WCAG 可访问性、加载与错误状态、多尺寸验证、SSR 与客户端渲染一致性、XSS 防护。
使用方式：该技能以任务指引形式提供，无独立安装命令或调用接口；在构建或修改 Remix 应用时按上述职责范围应用，并遵循项目 AGENTS.md 与当前代理环境。
适用场景：Remix 应用开发、React 组件与 shadcn/ui + Tailwind 界面实现、SSR/SSG 模式与前端架构设计。
限制：为技能说明而非可执行工具；未提供具体模型、依赖版本、收费或平台信息，相关细节暂未提供。