ddocdoc-app React Native 项目的设计系统参考。由两个规则文件组成。转换 Figma 组件时请务必遵循本指南。

Vue 3 是一个用于构建用户界面的渐进式框架，强调易用性、性能和灵活性。它具有可实现更好逻辑重用的组合 API、强大的反应性系统和单文件组件（.vue 文件）。

Vercel 部署和构建涵盖从源更改到生产版本的整个生命周期，并具有自动预览和回滚控制。

SvelteKit 是 Svelte 的官方全栈框架，提供基于文件的路由、服务器端渲染 (SSR)、静态站点生成 (SSG)、渐进增强的表单处理以及适用于任何平台的部署适配器。

使用 Svelte 5 runes 构建静态优先的 SvelteKit 应用程序，而不会破坏水合作用。在使用适配器静态（预渲染）并将全局存储与组件本地符文相结合时应用这些模式。

Svelte 是一个基于编译器的反应式 UI 框架，可将工作从运行时转移到构建时。与 React/Vue 不同，Svelte 以最小的开销将组件编译为高度优化的普通 JavaScript。 Svelte 5 引入了 Runes API，以实现显式、细粒度的反应性。

本文档提供有关为 MCP 服务器创建综合评估的指南。评估测试法学硕士是否可以仅使用提供的工具有效地使用您的 MCP 服务器来回答现实、复杂的问题。

Headless UI 提供完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。它由 Tailwind Labs 团队构建，提供生产就绪的可访问性，而无需强加设计决策。

DaisyUI 是最流行的 Tailwind CSS 组件库，为 50 多个具有内置主题、深色模式和自定义的组件提供语义类名称。与框架无关且可用于生产。

要构建强大的前端 claude.ai 工件，请按照以下步骤操作：

暂无简介

由 Vercel 维护的 React 和 Next.js 应用程序综合性能优化指南。包含 8 个类别的 57 条规则，按影响进行优先级排序，以指导自动重构和代码生成。

Web 和移动应用程序的综合设计指南。包含 50 多种样式、97 种调色板、57 种字体配对、99 条 UX 指南以及跨 9 个技术堆栈的 25 种图表类型。可搜索的数据库，具有基于优先级的推荐。

创建 MCP（模型上下文协议）服务器，使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。

使用架构驱动的请求验证、类型化响应和 OpenAPI 生成，通过 next-rest-framework 实现 Next.js API。

遵循项目的前端架构模式，通过适当的 TRPC 集成、查询预取、类型推断和表单处理来实现 TanStack 路由器路由。

该技能涵盖了新功能的结构化 5 阶段需求收集工作流程。它指导您完成初始设置和代码库分析、上下文发现问题、自主上下文收集、专家需求问题和最终需求文档 - 生成可供实施的全面规范。

扫描您的 React 代码库的安全性、性能、正确性和架构问题。输出 0-100 分以及可操作的诊断。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

使用 Tailwind CSS v4 构建生产就绪的设计系统，包括 CSS 优先配置、设计令牌、组件变体、响应模式和可访问性。