Using CADS with AI
The CADS portable skill packages the CADS Docs runtime (components and styles) along with general guidance for LLMs on how to best use it. It also provides context on our UI/UX practices, different surfaces of our platform, and more. It works in any AI tool that supports agent skills.
Claude
Upload the ZIP under Customize Skills, and make sure to enable cads-prototyping. When you next ask Claude to create a prototype and reference the skill, it will return self-contained HTML with the CADS components and styles inlined.
ChatGPT
Skills have been buried a bit in ChatGPT, the easiest way is to navigate to chatgpt.com/skills directly. There you can upload the zip and add it as a reusable skill. ChatGPT will prompt you to test it out.
Gemini
There is no dedicated skill support in Gemini that I could find. There is potentially a way to upload skills through Gemini Spark (?) but I haven't bothered to explore it, it's Gemini.
Cursor
Inside of your project, just drop the ZIP into any agent thread and request that it install the skill. You can then reference the skill when building prototypes.