Guide for working with Cambly's Syntax design system React components. Use when implementing UI features with Syntax components, converting existing UI to use the design system, fixing component styling or accessibility issues, or reviewing code that uses Syntax.
Quickly install syntax-design-system AI skill to your development environment via command line
Source: cambly/syntax.
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
Guide for working with Cambly's Syntax design system React components. Use when implementing UI features with Syntax components, converting existing UI to use the design system, fixing component styling or accessibility issues, or reviewing code that uses Syntax. Source: cambly/syntax.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/cambly/syntax --skill syntax-design-systemGuide for working with Cambly's Syntax design system React components. Use when implementing UI features with Syntax components, converting existing UI to use the design system, fixing component styling or accessibility issues, or reviewing code that uses Syntax. Source: cambly/syntax.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/cambly/syntax --skill syntax-design-system Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/cambly/syntax