Zum Hauptinhalt springen
VelinStyle v1.2.0
⌂ Home
  1. Docs
  2. Guides
  3. Feature-Umfang

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

Wann nicht

1.2.0 Reifegrad

LabelOberflächen
stableCSS, Web Components, Runtime-Module (Search, Motion, Attributes, Highlight), Tokens-CLI, docs generate
betaPlan-/Review-CLI, Knowledge Graph, Page-/Section-Registry, Schemas, Agent-Metadaten (velin-meta)
plannedStudio, vollständiger Utility-Engine-Generator

CSS & Layout stable

BereichInhaltDokumentation
Komponenten35+ CSS-Komponenten (Buttons, Cards, Grid, Forms, …)Komponenten
Utilitiesvelin-* Spacing, Color, Flex, Motion, Safe-Area, …Utilities-API
Themes13 OKLCH-Presets via data-velin-themeFarbmodi
Tokens--velin-* Design Tokens, JSON-BuildDesign Tokens
A11yWCAG-2.2-AAA-orientierte Defaults / AAA-Unterstützung — keine App-Zertifizierung; Contracts, RTL, Reduced MotionBarrierefreiheit

Runtime-Module stable

ModulExportReifegradLeitfaden
VelinSearch@birdapi/velinstyle/searchstableVelinSearch
Motion@birdapi/velinstyle/motionstableMotion
Attributes@birdapi/velinstyle/attributesstableHTML-Attribute
Highlight@birdapi/velinstyle/highlightstableSyntax-Highlighting
Velin-Meta@birdapi/velinstyle/metabeta / foundationVelin-Meta

1.2.0 Design Intelligence beta

BereichHighlightsDokumentation
Plan / Reviewvelinstyle plan, velinstyle review — heuristische Scores, wachsende SchemasCLI
Knowledge GraphSeed-Intelligence für Komponenten + Tokens (kein vollständiges Inventar)Velin-Meta
RegistriesPage Types + Section-/Blueprint-GraphenScaffolding
Agent-MetadatenErweitertes velin-agent.json / llms.txtVelin-Meta

Frühere Ergänzungen (jetzt stable)

SeitHighlightsDokumentation
0.8–1.0WC-Primitives, Motion-Tokens, Search/Motion/Attributes-Runtimes, Scaffold- + Layout-CLISearch & Motion
1.1.0Release Guard, vollständiges @velinstyle/react, velin-data-table, velin-form-summary, zusätzliche LexerVite & 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

CLI-Referenz · Generierter Markdown-Hub

Security

FunktionBeschreibungDokumentation
velinstyle scanMarkup- & A11y-Regeln; PII-Regeln (--only pii)Security
Sanitize API@birdapi/velinstyle/sanitize — URL-/Text-HelferJS-API
velin-secure-fieldKeine Klartext-Secrets im DOM; gehärtete Copy-/Search-URLsSecure field
Velin-MetaNur öffentliches Agent-JSON — keine Credentials in llms.txtVelin-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