·syntax-design-system

syntax-design-system

Name: syntax-design-system
Author: cambly

✓

cambly/syntaxGitHub: cambly/syntax 来源: cambly/syntax

使用 Cambly 语法设计系统 React 组件的指南。在使用 Syntax 组件实现 UI 功能、转换现有 UI 以使用设计系统、修复组件样式或可访问性问题或检查使用 Syntax 的代码时使用。

cambly·syntax·design·system

7安装·1热度·@cambly

安装

GitHub: cambly/syntax

$npx skills add https://github.com/cambly/syntax --skill syntax-design-system

如何安装 syntax-design-system

通过命令行快速安装 syntax-design-system AI 技能到你的开发环境

打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
运行安装命令: 复制并运行以下命令：npx skills add https://github.com/cambly/syntax --skill syntax-design-system
验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源：cambly/syntax。

SKILL.md

查看原文

Use this skill when working with Cambly's Syntax design system components in React applications. Invoke this skill when:

Buttons/IconButtons/Chips: "sm" | "md" | "lg" (heights: 32px, 48px, 64px)

Typography/Heading: 100 | 200 | 300 | 400 | 500 | 700 | 800 | 900 | 1100

使用 Cambly 语法设计系统 React 组件的指南。在使用 Syntax 组件实现 UI 功能、转换现有 UI 以使用设计系统、修复组件样式或可访问性问题或检查使用 Syntax 的代码时使用。来源：cambly/syntax。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令: npx skills add https://github.com/cambly/syntax --skill syntax-design-system
来源: cambly/syntax
分类: *创意媒体
认证: ✓
收录时间: 2026-02-25
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/cambly/syntax/syntax-design-system

Browse more skills from cambly/syntax

快速解答

什么是 syntax-design-system？

如何安装 syntax-design-system？

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）复制并运行以下命令：npx skills add https://github.com/cambly/syntax --skill syntax-design-system 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪？

https://github.com/cambly/syntax

详情

分类: *创意媒体
来源: skills.sh
收录时间: 2026-02-25