Kuarls DS
AI Bundle

Ship Kuarls DS
to any AI agent.

Download the entire design system — tokens, components, CSS, and usage rules — packaged for LLMs. Hand it to Claude, ChatGPT, Cursor, or any agentic tool and it will build on-brand UIs out of the box.

What's inside

Single Markdown

One .md file with the design overview, every token table, all component docs, and the full CSS source — concatenated and ready to paste into a chat or system prompt.

ZIP archive

Organized folder with README.md, LLM-PROMPT.md, kuarls.css, tokens/, base/, utilities/, and a components/ tree — plus a manifest.json. Drop it into Cursor, Claude Code, or any agent that browses files.

Always up to date

Bundles are generated in your browser from the live source files. You always download the current version of the system — no stale snapshots.

Drop-in ready

Both bundles include kuarls.css so the agent's output works the moment you add a single <link> tag — no npm, no toolchain, no build step.

How to use it

1

Pick your format

Use the single .md for chat-style agents (Claude.ai, ChatGPT) — paste it as a system message or attach it to the conversation. Use the .zip bundle for file-aware agents (Cursor, Claude Code, Cline) — extract it inside the project the agent will work on.

2

Brief the agent with this prompt

Copy the prompt below and paste it as the agent's instructions before asking it to build anything.


                        

                        

                            
                        

                    

                


                

                    
3

                    

                        
Wire the stylesheet into the output

                        
Make sure the project the agent generates includes the master CSS file in its
                            <head>:

                        

                            
<link rel="stylesheet" href="kuarls.css">

                        

                    

                


                

                    
4

                    

                        
Ask for what you need

                        
Talk to the agent in natural language. Because it has the full system in context, it will
                            compose UIs out of kds- components without inventing classes or hard-coding
                            colors. Example: "Build a settings page with a sidebar, two card sections, and a save
                                bar at the bottom."