关于 mistica-react
用于使用 Telefonica 的 `@telefonica/mistica` 组件库构建和修改 React 界面的技能。它要求开发者在生成代码前查阅该库的规范文档。
主要功能
- 01提供 `@telefonica/mistica` React 组件指南
- 02支持 Telefonica 品牌页面与布局
- 03涵盖表单、卡片、列表和导航模式
- 04要求查阅组件库规范文档
适用场景
- 01为 Telefonica 品牌应用创建 React 页面
- 02修改使用 Mistica 组件的界面
- 03使用 Mistica 构建表单、卡片或导航
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/mistica-react确认已加载。
详细介绍
Mistica React - Telefonica 设计系统
使用 @telefonica/mistica 构建 Web 界面，这是 Telefonica 设计系统的 React 组件库。
适用场景
在以下情况下使用此技能：
- 创建或修改使用
@telefonica/mistica的 React 组件 - 为 Telefonica 品牌应用构建页面、布局或 UI
- 用户要求使用 Mistica 构建网站或 Web 应用
- 使用 Mistica 组件、设计令牌或皮肤
- 生成表单、卡片、列表、导航、反馈屏幕或任何 UI 模式
设置
编写任何代码之前，请确保项目已安装 @telefonica/mistica。如果尚未安装：
npm install @telefonica/mistica
文档
编写任何代码之前，请阅读 node_modules/@telefonica/mistica/doc/llms/llms.md。该文件是权威信息来源，包含关键规则、快速入门指南、组件分类、设计令牌概览，以及逐步说明应按何种顺序阅读哪些文档文件。
备用方案：如果
node_modules/@telefonica/mistica/doc/llms/llms.md不可用，请从 GitHub 仓库获取对应文件：https://github.com/Telefonica/mistica-web/blob/master/doc/llms/llms.md
严格遵循 llms/llms.md 中的所有说明，包括在生成任何代码之前阅读所有最低要求的文档。
评论
支持 Markdown