VelinStyle Feature-Umfang 1.2.0
Übersicht über das, was in 1.2.0 enthalten ist — CSS, Web Components, Runtime, CLI, Security und Design Intelligence. Prüfen Sie die Reifegrad-Badges, bevor Sie eine Oberfläche als produktionsreif behandeln. English: Feature scope
Reifegrad
CSS / Web Components / Runtime sind stable. Plan / Review / Agent-Meta sind beta / foundation. Studio und die komplette Utility Engine bleiben planned.
Wann nutzen
- Diese Seite als 1.2.0-Reifegrad-Karte nutzen, bevor Sie in generierte Referenz oder Guides einsteigen.
@birdapi/velinstyle@1.2.0pinnen und Badges für beta vs. planned prüfen.
Wann nicht
- Beta Plan/Review/Meta nicht als fertiges KI-Design-System behandeln.
- Keine noch geplanten Studio- oder Utility-Engine-APIs erfinden.
- AAA-orientierte Defaults nicht als Anwendungs-Zertifizierung lesen.
1.2.0 Reifegrad
| Label | Oberflächen |
|---|---|
| stable | CSS, Web Components, Runtime-Module (Search, Motion, Attributes, Highlight), Tokens-CLI, docs generate |
| beta | Plan-/Review-CLI, Knowledge Graph, Page-/Section-Registry, Schemas, Agent-Metadaten (velin-meta) |
| planned | Studio, vollständiger Utility-Engine-Generator |
CSS & Layout stable
| Bereich | Inhalt | Dokumentation |
|---|---|---|
| Komponenten | 35+ CSS-Komponenten (Buttons, Cards, Grid, Forms, …) | Komponenten |
| Utilities | velin-* Spacing, Color, Flex, Motion, Safe-Area, … | Utilities-API |
| Themes | 13 OKLCH-Presets via data-velin-theme | Farbmodi |
| Tokens | --velin-* Design Tokens, JSON-Build | Design Tokens |
| A11y | WCAG-2.2-AAA-orientierte Defaults / AAA-Unterstützung — keine App-Zertifizierung; Contracts, RTL, Reduced Motion | Barrierefreiheit |
Runtime-Module stable
| Modul | Export | Reifegrad | Leitfaden |
|---|---|---|---|
| VelinSearch | @birdapi/velinstyle/search | stable | VelinSearch |
| Motion | @birdapi/velinstyle/motion | stable | Motion |
| Attributes | @birdapi/velinstyle/attributes | stable | HTML-Attribute |
| Highlight | @birdapi/velinstyle/highlight | stable | Syntax-Highlighting |
| Velin-Meta | @birdapi/velinstyle/meta | beta / foundation | Velin-Meta |
1.2.0 Design Intelligence beta
| Bereich | Highlights | Dokumentation |
|---|---|---|
| Plan / Review | velinstyle plan, velinstyle review — heuristische Scores, wachsende Schemas | CLI |
| Knowledge Graph | Seed-Intelligence für Komponenten + Tokens (kein vollständiges Inventar) | Velin-Meta |
| Registries | Page Types + Section-/Blueprint-Graphen | Scaffolding |
| Agent-Metadaten | Erweitertes velin-agent.json / llms.txt | Velin-Meta |
Frühere Ergänzungen (jetzt stable)
| Seit | Highlights | Dokumentation |
|---|---|---|
| 0.8–1.0 | WC-Primitives, Motion-Tokens, Search/Motion/Attributes-Runtimes, Scaffold- + Layout-CLI | Search & Motion |
| 1.1.0 | Release Guard, vollständiges @velinstyle/react, velin-data-table, velin-form-summary, zusätzliche Lexer | Vite & React |
Web Components
40 kanonische Custom Elements (42 Lazy-Loader-Einträge inkl. Legacy velin-tooltip-wc / velin-stepper-wc), darunter velin-search, velin-code-block, velin-modal, velin-data-table und Formular-Helfer. Alle haben component-contracts.json-Einträge; deklaratives velin-scroll-top-Attribut; CLS-Platzhalter via wc-placeholder.css.
Komponenten durchsuchen Generierte WC-API
CLI & Tooling
- stable:
init,build,scan,prefix,docs generate,search index,tokens,perf audit - beta:
scaffold/blueprint(plan-first),plan,review,meta - planned: Studio-UI und vollständiger Utility-Engine-Generator
CLI-Referenz · Generierter Markdown-Hub
Security
| Funktion | Beschreibung | Dokumentation |
|---|---|---|
velinstyle scan | Markup- & A11y-Regeln; PII-Regeln (--only pii) | Security |
| Sanitize API | @birdapi/velinstyle/sanitize — URL-/Text-Helfer | JS-API |
velin-secure-field | Keine Klartext-Secrets im DOM; gehärtete Copy-/Search-URLs | Secure field |
| Velin-Meta | Nur öffentliches Agent-JSON — keine Credentials in llms.txt | Velin-Meta |
Velin-Meta (live auf dieser Site)
Diese Seite bindet Page-Level-Meta ein. Die Site veröffentlicht außerdem ein globales Agent-Bundle, das Sie von jeder Doc-Seite abrufen können.
Globales Bundle
dist/velin-agent.json + dist/llms.txt
JSON öffnen llms.txt Vollständiger Leitfaden
Bundle-Zusammenfassung wird geladen…
Page-Meta (dieses HTML)
MIME application/vnd.velinstyle.meta+json
Für eigene Seiten generieren: npx velinstyle meta page my.html --write