AI-READY UI CONTRACT

Ajanın tahmin etmesine gerek kalmasın.

CKCSS, ajanların güvenilir HTML üretmesi için class API’sini, semantic kuralları, state’leri ve tema sınırlarını tek bir sözleşmede yayınlar. Amaç daha çok CSS değil; daha doğru, taşınabilir ve erişilebilir UI’dır.

llms.txt dosyasını aç Makine-okunur manifest

01 · PROVIDE CONTEXT

Ajana bu üç kaynağı verin.

Bir coding agent’a linkleri doğrudan verin veya proje deposuna CKCSS skill dosyasını ekleyin. Doküman ve manifest aynı public API’den beslenir.

SHORT MAP

llms.txt

Hızlı başlangıç, linkler ve değişmez kurallar.

FULL GUIDE

llms-full.txt

Kurulum, layout, component, form ve tema tarifleri.

STRUCTURED API

Manifest

Class, state, erişilebilirlik ve token sözleşmesi.

02 · PROMPT STARTER

Bu isteği ajana doğrudan verin.

Ajanın görsel taklit yerine CKCSS’in doğrulanmış yüzeylerini kullanmasını sağlayan kısa bir başlangıç istemi.

Build this interface with CKCSS.
Read https://ckcss.digitaltamam.com/llms-full.txt and
https://ckcss.digitaltamam.com/ckcss-manifest.json first.

Use only documented ck- classes and --ck- semantic tokens.
Use semantic HTML, visible labels, native ARIA states, and responsive layout primitives.
Do not invent CKCSS classes, add inline styles, or require JavaScript unless the interaction explicitly needs it.
For theming, override semantic tokens after the CKCSS stylesheet.

03 · CONSTRAIN THE OUTPUT

Doğru sınırlar daha iyi UI üretir.

CKCSS ajana sınırsız bir class matrisi değil, anlaşılır bir tasarım dili verir.

Semantic: İşlem için button, yönlendirme için a; her form alanında label.
State: disabled, aria-* ve belgelenmiş data-ck-state değerleri.
Layout: ck-container, ck-stack, ck-grid ve ck-sidebar önce gelir.
Theme: Component CSS’ini değiştirmek yerine semantic --ck- tokenlarını override edin.

HUMAN + AGENT WORKFLOW

Önce sözleşme, sonra ekran.

Canlı component örneklerini inceleyin, ajana manifest ve rehberi verin, ardından üretilen HTML’i aynı kaynak görünümünde doğrulayın.

Bileşenleri doğrula Tema rehberini aç