2,480
+12.6%
Infrastructure CSS universelle
Que chaque interface aitRéponses préparées
Gardener apporte des CSS de base, des composants interactifs, des recettes d'affaires, une adaptation de bureau et des manifestes lisibles par machine en un seul système. Les gens peuvent se développer directement, et l'IA peut sélectionner et utiliser avec précision sans avoir à réorganiser le style à chaque fois.
- Dépendances d'exécution zéro
- Par défaut neutre sur fond blanc
- Petit système d'angle arrondi
- Partage de sites Web et de bureaux
94%
Montage du site d'entreprise
42Thème couleur
506Composante du registre
11,498Outils
52Recette de page lisible par machine
D'un bouton à un super CMS
Couvre les atomes de base, les composants communs, le moteur de haute densité, le terminal mobile, la commercialisation du contenu, l'espace de travail AI et le WebView de bureau. La valeur par défaut est suffisamment retenue et la capacité de combinaison est assez large.
Couche de base complète
Reset, Token, 24 / 12 grille, typographie, espacement, taille, direction logique, couleur, bordure, ombre, état et classe d'outils à cinq niveaux.
Composants prêts à livrer
Les formulaires, la navigation, les superpositions, les données, les médias, les affaires, les communications, le droit, le flux de travail et le tableau de bord ont tous des structures stables et des conventions d'État.
Interaction native de l'IA
Flux de messages, processus de réflexion, appel d'outils, approbations, statut de l'agent, calendriers, références, artefacts, sélection de modèle et génération multimodale.
Recettes commerciales complexes
Connexion, catégories mobiles, éditeur de CMS, médiathèque, boîte de réception, gestion de fichiers, construction de formulaires, listes de magasins, facturation et paramètres d'entreprise.
Adaptation des applications de bureau
Tauri et Electron partagent la barre de titre, le contrôle de la fenêtre, la barre d'activité, la zone d'édition, l'inspecteur, les colonnes et la barre d'état, et l'interface du pont reste sécuritaire.
La matrice d'environnement est complète
Lumière, foncée, système, contraste élevé, RTL, mouvement réduit, couleurs forcées, impression, mobile, tablette et bureau.
Fixations officielles Vue 3 · 1.0.0 Stable
La pleine puissance de CSS est devenue l'API Vue
@gardener/vue Cartographie complète de 506 composants et 66 comportements DOM, fournissant des plug-ins, des composants de type sécurisé, des directives, Composable, un fournisseur de thèmes à dix axes, un modèle en V, un SSR et une adaptation Tauri/Electron. Chaque composant CSS a le sien G* Lors de l'exportation, l'IA peut sélectionner directement les composants sans réassembler les styles.
506 composants
538 exportations de temps d'exécution
29 points d'entrée
28 paquets CSS
Vue 3.4+
App.vueImportation sur demande · Type complet
<script setup lang="ts">
import { GButton, GCard, GardenerProvider } from "@gardener/vue";
import "@gardener/vue/style.css";
</script>
<template>
<GardenerProvider theme="garden" mode="light" shape="subtle">
<GCard>
<GButton variant="primary">Enregistrer</GButton>
</GCard>
</GardenerProvider>
</template>
Raccords officiels React · 1.0.0 Stable
Le même ensemble de CSS a également un modèle complet de composants React
@gardener/react Cartes 506 composants CSS et 66 comportements DOM dans un type de sécurité React API, fournissant des types d'éléments natifs précis, fournisseurs de thèmes dix axes, passerelle de valeur contrôlée et non contrôlée, poignées impératives, 7 crochets, SSR / Hydratation, et entrées d'adaptation Tauri / Electron isolées. Les composants, les styles et les répertoires lisibles par machine maintiennent une correspondance individuelle.
506 composants
538 exportations de temps d'exécution
29 points d'entrée
28 paquets CSS
React 18.3-19.x
App.tsxImportation sur demande · Type complet
import { GButton, GCard, GardenerProvider } from "@gardener/react";
import "@gardener/react/style.css";
export function App() {
return (
<GardenerProvider theme="garden" mode="light" shape="subtle">
<GCard>
<GButton variant="primary">Enregistrer</GButton>
</GCard>
</GardenerProvider>
);
}
Fixations officielles AngularJS · 1.0.0 Stable
Laissez les grands systèmes existants AngularJS continuer à utiliser l'API complète Gardener
@gardener/angularjs Cartes 506 composants CSS et 66 comportements DOM dans les directives AngularJS élément/attribut, fournissant l'usine de module, sous-ensemble de composants strict, native ngModel, thème dix axes, 3 services injectables, cycle de vie dynamique et entrée Tauri / Electron isolée. Il cible les produits de stock qui doivent maintenir AngularJS 1.8.x et expose explicitement les limites de sécurité du cadre.
506 directives
535 exportations de temps d'exécution
29 points d'entrée
28 paquets CSS
AngularJS 1.8.2-1.8.3
app.jsModule Factory · ngModèle · Type complet
import "angular/angular.js";
import { createGardenerAngularJS } from "@gardener/angularjs";
import "@gardener/angularjs/style.css";
const gardener = createGardenerAngularJS(window.angular, {
components: ["button", "input", "card"],
});
window.angular.module("app", [gardener]);
// <button g-button gardener-variant="primary">Enregistrer</button>
// <input g-input ng-model="vm.keyword">
Blazor officiel RCL · 1.0.0 Stable
De la SSR statique au WebView de bureau en utilisant le même ensemble de composants Razor
Gardener.Blazor Mappez 506 composants CSS/hybrides, 66 comportements DOM et 75 événements à l'API Razor fortement typée. Forfait stable avec
net10.0 est la référence, vérifiée net11.0
Consommation, couvrant les scénarios Blazor Web App, WebAssembly, Hybrid, Tauri et Electron, et préservant les contrats thématiques SSR, Forms, Accessibilité et Dix axes.
506 composants
66 comportements
75 événements
43 actifs statiques
.NET 10/11
Dashboard.razorRCL · SSR · Événements fortement dactylographiés
@using Gardener.Blazor.Components
<GardenerProvider Theme="garden" Mode="light"
Shape="small" Platform="desktop">
<GAppShell>
<GSidebar>Navigation</GSidebar>
<GMainRegion>
<GButton Variant="primary" @onclick="Save">
Enregistrer
</GButton>
</GMainRegion>
</GAppShell>
</GardenerProvider>Division de colonne exacte, non plus calcul temporaire
24-grid couvre le moteur d'entreprise, la CMS et les formes complexes, et 12-grid est compatible avec les ébauches de conception traditionnelles. Il existe des interfaces stables pour la largeur des colonnes, offset, ordre, lignes de grille, espacement, requêtes de conteneurs, RTL et l'impression.
Cinq niveaux de réponse au port de vision + trois niveaux de réponse au conteneur480 / 768 / 1024 / 1280 / 1536px · CQ 480 / 768 / 1024px
Voir le document complet
Squelette de page traditionnelle, a également une interface stable
Des zones principales supérieures et inférieures, des colonnes de gauche et de droite à Saint Graal, Master / Detail, Dock, des colonnes réglables et un espace de travail plein écran, web, terminaux mobiles et Tauri / Electron peuvent être directement sélectionnés sans avoir à écrire temporairement la mise en page CSS.
Haut / Main / BasDébut/Main/FinGraal sacréMaître/DétailListe/Détail/InspecteurEn-tête fixeBarre latérale fixeA l'écart des collantsPied de page collantDockVue fractionnéePlein écranZone de sécurité mobileShell de bureauDemande de renseignements sur les conteneursRTL/Imprimé
16 types de squelette fini + parties de surface unifiéeSensibilité du port · Sensibilité du contenant · Direction logique · Impression Aplatissement · Courbe de travail
Voir la documentation complète de mise en page
Laissez l'espace déterminer la disposition, ne laissez pas les points d'arrêt deviner la disposition
Des modèles classiques tels que Stack, Cluster, Sidebar, Switcher, Reel, Media Object, Masonry et Bento ont été solidifiés en interfaces de réponse intrinsèque. AI n'a besoin que de choisir l'intention et quelques variables, pas besoin de réinventer Flex, Grid, débordement et règles de zone de sécurité.
ÉTAT
GroupeEnveloppeÉtiquettes
Répandre
M
Objet médiatiqueMédias · Corps · Action
→
PiocheGroupeCentreBarre latéraleCommutateurCouvertureBobineCadreObjet médiatiqueAjustement automatiqueRemplissage automatiqueSaignementRépandreImposterCouvertureMasonerieBentoRapport d'aspectSecteur de défilementScroll SnapZone de sécuritéRégion collante
22 primitifs stables + mise en page de JavaScript zéroRéponse intrinsèque · Demande de contenant · RTL · Zone de sécurité · Motion réduite · Imprimer
Voir la documentation primitive complète
Page structure publique, entrer directement dans l'état de livraison
Unifier l'en-tête de page, la barre d'outils, la barre de commande, le filtrage et les opérations par lots, et préparer l'état de chargement, vide, erreur, 403, 404, 500, hors ligne et de maintenance complètement. Les pages générées par l'IA ne sont plus que des données normales.
Espace de travail
Gestion des pages
Gérer le contenu, le statut et les délais de publication.
∅
Vide
Il y a aussi des prochaines étapes claires pour la première utilisation.
404
Non trouvé
Retour stable pour les liens invalides.
⌁
Hors ligne
Le statut de sécurité des données est toujours informé lorsque le réseau est déconnecté.
En-tête de pageEn-tête de sectionSous-titresBarre d'outilsBarre d'actionBarre d'étatBarre de commandementBarre de contexteBarre de filtreBarre d'action en vracBarre de piedBarre flottanteRetour en hautDiviseur avec texteActions collantesChargement de la pagePage videErreur de page403404500Hors ligneEntretien
23 états de page complets et structures communesDemande de contenant · Sticky · Zone de sécurité · RTL · Durée · Imprimer
Voir la documentation complète des composants de la page
D'un TIP à une boucle complète d'aide fermée
Tooltip, Popover, Callout, FAQ, Centre d'aide, Tour, Spotlight, nouvelles fonctionnalités, dépannage et retour d'information toutes utilisent des interfaces stables. Lorsque les utilisateurs rencontrent des questions à n'importe quelle fin, ils ont des expressions appropriées et cohérentes.
Utilisez l'environnement de prévisualisation pour confirmer le contenu avant de publier dans l'environnement de production.
- Aide ouverte?
- Panneau de commandeCtrl+K
ConseilConseil en ligneTexte d'aideAide au déclenchementOutilsRiche tooltipAidez PopoverDéfinitionCommande subséquenteNoteFaire / Ne pasConseils clésListe abrégéeCarte d'aideGroupe d'aideCentre d'aideRubriques d'aideFAQAide contextuelleCoach MarkVisite guidéePleins feuxPoint chaudConseil de fonctionnalitéQuoi de neufListe de vérification de l'aideDépannageAide Commentaires
28 invites, conseils et modes de soutienCollision avertie · Clavier · Restaurer le focus · RTL · Mouvement réduit · Imprimer
Voir la documentation complète du système d'aide
Les formulaires ne commencent plus par un tas d'entrées
Les champs, les partitions, la mise en page horizontale et en ligne, la recherche, le mot de passe et le décompte, les groupes sélectionnés, la validation, le nom, l'adresse et le montant, les conditions et les répétitions, l'examen et la soumission des actions sont tous combinés. AI a seulement besoin de sélectionner l'intention de l'entreprise et n'a pas à organiser le formulaire CSS encore et encore.
FormulaireSection des formulairesChampEnsemble de champsLigne de formulaireGrille de formulairesForme horizontaleFormulaire en ligneForme compacteGroupe d'entréeFixe d'entréeChamp de rechercheChamp de mot de passeChamp d'accès libreCompteur de caractèresÉtat de validationSommaire de validationGroupe de la case à cocherGroupe radioLigne de commutationCartes de choixGroupe de nomsGroupe d'adressesGroupe téléphoniqueGroupe monétaireFourchette de datesPlage de tempsUnité de gestionChamp de portéeChamp de fichierChamp répétableChamp conditionnelActions en formeStatut d'enregistrement automatiqueÉtat d'avancement des formulairesExamen des formulairesGroupe de consentement
37 structures de forme traditionnelles + 5 types de comportements interactifsDemande de contenant · Validation · Groupes d'affaires · RTL · Zone de sécurité · Imprimer
Voir la documentation complète de la combinaison de formulaires
Les données doivent non seulement être affichées, mais doivent être immédiatement disponibles
48 modes de données couvrant les tableaux, registres, listes, hiérarchies, indicateurs, plans, cartes et opérations. Il existe un temps d'exécution unifié pour le tri, la sélection, l'expansion, la gestion des colonnes, le filtrage et la commutation de vue.
Recettes des clients¥286K
128Actif
6Risque
Sélectionné 0 poste
| État | Opération | |||
|---|---|---|---|---|
| Technologie Galaxy | Actif | ¥128,000 | ||
|
Clients Enterprise Edition · Dernière contact il y a 2 jours
|
||||
| Yuanshan Design | À suivre | ¥86,000 | Vue | |
| Enseignement Linhai | Risque | ¥42,000 | Vue | |
TableauTableau réactifGrille de donnéesGrille modifiableTableau des arbresTableau groupéTableau extensibleComparaisonPivotListe des descriptionsValeur cléDétails du dossierGroupe de la listeListe des médiasListe denseListe virtuelleArbreCalendrierAliments pour animauxRegistre de vérificationKPIListe des statistiquesCarte métriqueSparklineStatistiques de progrèsGraphiqueLégendeClassementSommaire de l'étatCalendrierOrdre du jourKanbanGanttOrganigrammeCarteMatriceCarte thermiqueBarre d'outils de donnéesOpérateur de colonneVues sauvegardéesGroupe spécial des exportationsÉtat des donnéesCommutateur de vueRésumé de la sélectionDensitéRésumé du filtreConstructeur de triInspecteur des données
48 modes d'affichage et de fonctionnement des données + 8 types d'interactions de réutilisationTableau · Record · Métrique · Planification · Espace · Clavier · RTL · Imprimer
Voir le document complet de la combinaison de données
De la sélection d'un élément au traitement de 100 000 dossiers
Sélectionner tout, sélection inversée, sélection de la plage, barre d'outils par lots, sélection de transfert, de l'arborescence et de la cascade, sélecteur de personnes/organisations/ressources/médias, plage de date, sauvegarde de la configuration et tri/groupe constructeur ont tous des interfaces stables. AI n'a pas à improviser des processus complexes de sélection des moteurs.
Contrôle de sélectionTout sélectionnerInverserGammeBarre d'outils par lotsPortée de la sélectionTransfertListe doubleSélectionner un arbreCascadèrePicker de mentionUtilisateurPicker d'organisationRécupérateur de ressourcesRécupérateur de médiasPicker d'icônesCueillette de couleurFourchette de datesPlage de tempsFiltres sauvegardésVues sauvegardéesOpérateur de colonneConstructeur de triConstructeur de groupeRécupérateur d'entitésPicker d'étiquettesPicker de relationConfirmation en vracProgrès en vracPanneau collecteurRésumé du picteurRésumé de la sélection
32 sélections interagissent avec le mode lot + 7 catégories de multiplexageMulti-sélection · Hiérarchie · Recherche · Zone de sécurité · Clavier · RTL · Imprimer
Voir la documentation complète de certains composants
Du téléchargement d'un fichier à la production complète du contenu
Télécharger la file d'attente, la navigation de fichiers, la médiathèque, le traitement d'images, la visualisation de documents/PDF/audio et vidéo, le code et l'édition de texte riche, le Markdown, les blocs, les révisions, les commentaires et l'enregistrement automatique ont tous des structures prêtes à l'emploi.
Manuel de la marque d'entreprise.pdf
Page d'accueil couverture.jpg
PDF
Manuel de la marque.pdf
IMG
Page d'accueil couverture.jpg
Dépôt de fichiersListe de fichiersRequête de chargementType de chargementMise à jour des progrèsÉchec du chargementCarte de fichierArbre de dossiersNavigateur de fichiersAperçu des dossiersMédiathèqueGrille de médiasRenseignements sur les médiasImage de cultureAnnotation d'imageVisionneur de documentsAffichage PDFLecteur vidéoLecteur audioÉditeur de codeÉditeur de texte richeÉditeur de marquageÉditeur de blocsRévision ComparerEnregistrer automatiquementAperçu du contenuBarre d'outils de l'éditeurTrouver et remplacerFil de commentaireHistorique de la versionPropriétés du fichierCompteur de stockage
32 modes de fichiers et de contenu + 6 types d'interactions de réutilisationTéléchargement · Navigateur · Éditeur · Révision · Clavier · RTL · Imprimer
Voir la documentation complète du système
De la première connexion à chaque vérification de sécurité
Login, inscription, vérification, MFA, Passkey, SSO, QR code, invitation, compte et sélection du locataire, écran de verrouillage, récupération de session, gestion des appareils et événements de sécurité ont été combinés dans une structure de page stable adaptée aux sites Web, terminaux mobiles, tableau de bord et Tauri/Electron.
Entrez le code de vérification envoyé au +86 138****6608
Nouveau dispositif détecté
Linux · Firefox, lancé de Pékin.
Auth centréDiviser authOuverture de sessionEnregistrementRécupération de mot de passeRéinitialisation du mot de passeVérification par courrielVérification du téléphoneMFAOTPPasskeySSOQR LoginLien magiqueInvitationPremière configurationEcran de verrouillageSession terminéeChoisisseur de compteChoisisseur de logementsCommutateur d'identitéConfiguration du profilSécurité du compteDispositifsActivité de connexionAlerte de sécuritéCodes de récupérationAppareil fiableComptes connectésRésistance du mot de passeConsentementAuth Résultat
32 modes de connexion et de compte + 8 types d'interactions de réutilisationMot de passe · OTP · MFA · Passkey · SSO · Session · Identité · Sécurité
Voir tous les documents du système de compte
De voir le produit à remplir la transaction et le remboursement
Fiche produit, détails, SKU, panier, paiement, adresse, expédition, offre, facture, paiement, commande, abonnement, utilisation, facturation et remboursement sont devenus des structures stables. Convient au commerce électronique, aux biens numériques, au SaaS, aux achats d'entreprise, à la commercialisation de CMS et aux clients de bureau.
Édition EntrepriseStudio Gardener
Studio Business Suite
¥699¥899-22%
Plateforme
G
Studio Business SuiteWindows · Licence d'entreprise
¥699.00
Panier vide
Produit
Réduction
Livraison
Copie
Carte de produitListe des produitsDétail du produitGalerie de produitsSélecteur SKUÉchelle de quantitéAffichage des prixArticle du panierPanierMini panierRésumé du panierDépartÉtapes de vérificationSélecteur d'adresseCarte d'adresseMéthode d'expéditionSélecteur de ramassageCouponListe de promotionRenseignements sur la factureMéthode de paiementFeuille de paiementRésultat du paiementSommaire de l'ordonnanceDélai de commandeDétail de l'ordonnanceRégime d'abonnementComparaison des prixCompteur d'utilisationHistorique de facturationÉtat du remboursementSommaire de l'impôt
32 modèles d'affaires et de paiement + 7 types d'interactions de réutilisationCatalogue · Panier · Départ · Exécution · Paiement · Commande · Facturation
Voir tous les documents d'affaires et de paiement
Pas un bureau plus petit, mais une couche d'application mobile complète
Zone de sécurité, port de vue dynamique, barre supérieure, navigation de fond, feuille de fond/action/filtre, tirage à neuf, chargement infini, opération coulissante, sélection des roues, évitement du clavier, authentification et règlement mobiles, permissions et statut hors ligne ont des contrats stables et peuvent être utilisés directement pour les pages Web mobiles, PWA et Tauri/Electron mobile WebView.
Centre de contenu
Protection automatique de Notch et de Home Indicator.
Structure de partage PWA, Tauri et Electron.
Diffusion de contenu mobile
Fentes d'action du corps et de la queue stables.
Coque de la zone de sécuritéBarre d'application supérieureNavigation de fondFeuille inférieureFeuille d'actionTirer pour rafraîchirCharge infinieFaire glisser les actionsBalayez les ongletsCatégorie mobileFiltre mobileBarre d'achat collanteRecherche mobilePicker mobileRécupérateur de rouesBouton action flottanteBoîte de dialogue plein écranÉvitement de clavierConseil de gestuelleBannière hors ligneContrôle segmentéAlimentation mobileCarrousel de carteFormulaire mobileTéléphone portableDépart mobileVisionneur de médiasBarre d'outils de clavierMode de sélectionBarre d'appuiDemande de permissionÉtat vide/errier
32 modes spécifiques au mobile + 14 types d'interactions de réutilisationZone de sécurité · Toucher · Feuilles · Gesture · Clavier · PWA · WebView
Voir la documentation mobile complète
Transformer la technologie web en un espace de travail complet
Les barres de titre, les boutons de fenêtre, les menus et les barres d'activité ne sont que le point de départ; les étiquettes de documents, les colonnes réglables, le dock, l'inspecteur, le panneau de commande, la sélection de fichiers, le plateau, la fenêtre multiple, les tâches de fond, les mises à jour, les permissions et la récupération d'écrasement ont tous été combinés de façon stable et peuvent être directement mis en œuvre dans Tauri et Electron.
CMS de bureau
Aucun montage nécessaire pour les espaces de travail à haute densité
Fenêtre Chrome, navigation, zone d'édition, zone d'état, et pont hôte chacun ont des contrats indépendants.
Barre de titre autochtoneCommandes de fenêtresBarre de menuBarre d'activitéPanneau de quaiPanne de séparation résiguableInspecteurBarre d'étatPalette de commandeEnregistreur raccourciMenu contextuelTables non sauvésRégion de DragChargement de la fenêtreMise à jour disponibleDemande de permissionRécupérateur de fichiers autochtonesMenu du plateauMulti-fenêtreEspace de travailCommutateur de fenêtresDocuments récentsBarre d'outils de bureauPanneau inférieurTâches de fondCentre de notificationSynchronisationMise à jour des progrèsRécupération des accidentsInstance uniqueLien profondÀ propos de Dialog
32 modes spécifiques au bureau + 11 types d'interactions réutilisablesTauri · Electron · Fenêtre Chrome · Espace de travail · Pont autochtone · Cycle de vie
Voir la documentation complète du bureau
L'interaction AI n'est pas une boîte de dialogue
En plus du dialogue, Compositeur et réponses en streaming, résumé de raisonnement, invocation et approbation d'outils, orchestration multi-agents, citation source, Artifact, mémoire contextuelle, Token/fee, voix, permissions, vie privée, examen de sécurité et évaluation de la rétroaction sont également nécessaires. Gardener fait de toute la chaîne de tâches AI en 32 modes qui peuvent être réutilisés directement.
Générer une page d'accueil du portail d'entreprise pour Super CMS.
Recette Enterprise Portal sélectionnée, vérifier les composants et les permissions.
Tableau de bord assorti, CMS, permissions et espaces de travail de bureau.
Permettre l'écriture sur le modèle de page?
Modifier seulement le répertoire généré du projet actuel.
Espace de travail AIListe de conversationsFil de chatMessage AICompositeur rapidePièce jointeDémarreur rapideBibliothèque rapideMenu de citation / SlashSélecteur de modèlePenserRéponse de StreamingAppel d'outilsApprobation de l'outilÉtat de l'agentRégime des mandatairesConseil multi-agentsAgent HandoffSources / CitationsEspace de travail artéfactPanneau d'artéfactsArbre de fichiers AIHistorique de la versionGalerie de la générationTitulaire d'un lieu de productionContexte/mémoireCoût / Limite tarifaireSession vocalePortée de la permissionAvis de confidentialitéAvis de sécuritéCommentaires/Évaluation
32 modes natifs d'IA + 9 types d'exécutionChat · Multimodal · Outils · Agents · Artefacts · Contexte · Sécurité · Évaluation
Voir la documentation complète des composants AI
De la bibliothèque des composants, allez à la page complète qui peut être générée directement
La catégorie 16 consolide les sites Web publics, le contenu personnel, les moteurs d'entreprise, l'atelier d'affaires et les portails verticaux de l'industrie en 32 contrats de pleine page. AI sélectionne d'abord le type de page et remplit ensuite les composants et le contenu de l'entreprise. Il n'invente plus temporairement l'en-tête, la navigation, la zone principale, la zone latérale et les règles de pliage mobiles.
Aperçu général de l'entreprise
Aperçu de l'opération Super CMS
Le même contrat de pleine page peut changer de sujet d'affaires, personnel, médical, financier ou de service public.
Site publié28,640↑ 12.4%
Modèle de page486k32 entrées de page complète
En attente de réexamen138Traitement des besoins
Débarquement de produitsAccueilMaison individuellePortefeuilleIndex du blogArticlePortail DocsCentre d'aideRésultats de la recherchePersonne-ressourcePrixTableau de bordListe des administrateursDétails du dossierParamètresCentre utilisateurNotificationsÀ bordCRMEspace de travail du projetCentre de soutienCentre d'approbationBase de connaissancesPortail d'apprentissagePortail événementielPortail de réservationSoins de santéFinancesFonction publiqueMarchéCommunautéCentre d'état
32 modes pleine page + 52 recettes lisibles par machinePersonnel · Entreprise · Contenu · Opérations · Industrie · Plateforme croisée
Voir le document complet de la solution
42 thèmes de couleur
Changer la marque mais pas les composants
Les thèmes de couleur sont orthogonalement combinés avec des neutres, des polices, des formes, des densités, des couches, des animations, des plateformes et des systèmes d'exploitation. L'interface blanche et lumineuse est toujours maintenue ici, et seule la couleur principale de la marque est commutée.
Primaire
Clair sans être trop décoratif
Les boutons, liens, focus et états sélectionnés suivent automatiquement le thème.
Clavier opérationnel; chaque thème offre des gradations de couleur complètes de 50 à 950 et des couleurs de premier plan lisibles indépendamment.
Création prévisible · Stable 1.0.0
HTML est l'interface
unifié
g-
Préfixes, dénomination des composants stables et déclaratifs
data-g-* Des comportements que les humains et l’IA peuvent rapidement comprendre.
- Importer par coucheNoyau/Thèmes/Utilités/Composants/AI
- Durée d'exécution déclaréeInitialisation automatique et observation dynamique DOM
- Lisible à la machineAPI publique, composants, classes d'outils, recettes et liste des capacités
- Vérification stricteOnze ensembles de schémas fermés, 48 cas d'utilisation de schémas standard, 10 cas d'utilisation spécifiques à la construction, 66 tests d'unité d'exécution, 125 cas d'utilisation de navigateurs réels et 24 cas d'utilisation structurelle
index.html
<html data-g-theme="garden" data-g-mode="light">
<link rel="stylesheet" href="gardener.css">
<main class="g-dashboard">
<article class="g-card g-p-5">...</article>
</main>
<script type="module" src="gardener.runtime.js"></script>
</html>Seulement fournir les plates-formes et les composants vraiment nécessaires pour la page actuelle
5 fichiers de plate-forme, 28 paquets de composants stables et 506 mappages de propriété de composants permettent aux développeurs et AI de sélectionner directement des produits officiels sans démonter temporairement CSS. La compression au niveau syntaxique, la carte source, l'intégrité SHA-256/SRI, les constructions reproductibles, le typage TypeScript, les lignes de base de compatibilité cross-version, et le paquet de libération sont livrés avec la construction.
Fichier plate-forme
Web, Mobile, Desktop, Tauri et Electron conservent automatiquement les capacités de fin correspondantes.
Ensemble de composants
La disposition, les formulaires, la navigation, les données, le contenu, les comptes, le commerce, le mobile, le bureau et l'IA peuvent tous être introduits indépendamment.
Propriété des composants
Chaque composante publique résout le paquet complet auquel elle appartient, avec des inclusions explicites.
Budget du double produit
La limite supérieure absolue de brut, gzip, Brotli et la croissance de base de 0,9.0 bloqueront la libération si elle dépasse la limite.
Référence compatible
Les entrées, les thèmes, les runtimes, les composants et les recettes ne peuvent être ajoutés; les suppressions doivent d'abord passer la période d'obsolescence d'au moins deux versions mineures.
npm run build:platform -- --platform mobile --out dist/custom/mobile-app
npm run build:custom -- --components button,card,dialog --out dist/custom/account-ui
npm run verify:reproducible
npm run verify:compatibility
npm run test:types
npm run verify:package
npm run budgetChaque page doit résister à l'environnement réel
Exécute 125 cas d'utilisation du navigateur réel et 24 cas d'utilisation de la structure HTML par défaut; la configuration complète couvre les trois moteurs de bureau, les portraits d'appareils Android/iPhone et les vérifications automatiques WCAG.
Multi-navigateur de bureau
Chromium et WebKit entrent dans le contrôle d'accès par défaut; Firefox fournit un contrôle d'accès indépendant et complet à trois moteurs.
Appareil mobile
Pixel 7 et iPhone 13 sont entièrement couverts avec 21 échantillons et Home deux pages, et vérifier 320px écran étroit, écran de paysage, reflow et 44px touch cible.
Accessibilité
Axe WCAG 2 A/AA Toutes les violations automatiques zéros et couvre la récupération clavier et focus, RTL, Mouvement réduit, Couleurs forcées.
Intégrité structurelle
Tous les 21 exemples, Page d'accueil d'atterrissage et vérification des documents, identification, référence ARIA, titre et viewport.
La même langue couvre tous les terminaux
La structure des pages, le jeton de thème et la sémantique d'interaction sont cohérents, et seules les adaptations nécessaires de la densité, de la fenêtre et de la zone de sécurité sont ajoutées à chaque extrémité.
Site Web PC
Site Web d'entreprise, portail, site de contenu, commerce électronique et SaaS.
Mobile Web/PWA
Zone de sécurité, densité du toucher, navigation de fond et page de catégorie.
Tableau de bord
Données, tableaux, filtres et applications multicolonnes haute densité.
Tauri/Electron
Barre de titre de bureau, pont de fenêtre et disposition de l'atelier.
Produits d'IA
Diffusion de messages, outils, agents, artefacts et états de construction.
Il n'est pas nécessaire de réassembler les pages haute fréquence
Des pages complexes mais très réutilisables ont été combinées en recettes. L'IA devrait d'abord choisir les recettes, puis procéder à des ajustements limités en utilisant des composants et des classes d'outils.
Connexion d'entrepriseSSO · MFA · PasskeyClassement des services mobilesToucher · Zone de sécurité · Double colonneCMS de bureauArbre · Toile · InspecteurEspace de travail AIChat · Outils · ArtefactContexte de l'analyseKPI · Graphique · Tableau de donnéesGestionnaire de fichiersRépertoire · Grille · Demande de téléchargementMarchandise et règlementDétails · Panier · CommandeRapports et facturesÉcran · PDF · Imprimer
Laissez AI choisir, ne laissez pas AI deviner
La liste de cinq catégories de l'API publique, des composants, des classes d'outils, des recettes et des capacités de l'industrie expose de façon structurée les noms, entrées, plateformes, états et conditions de réponse autorisés. Le processus de génération de pages peut être limité, vérifié et reproduit.
Identification de l'intention de la page
Type de fin, catégorie d'entreprise, densité, volume de contenu et complexité de l'interaction.
Privilégier la sélection des recettes
Sélectionnez le squelette de la page la plus proche parmi 52 structures finies.
Combiner composants et outils
N'utilisez que les API publiques, les classes et les comportements qui existent réellement dans le manifeste.
Vérifier le contrat et l'environnement
Passer le schéma, le clavier, l'accessibilité, RTL, l'impression et la vérification des paramètres de réponse.
Commencez par un système complet.
Arrêtez de réinventer l'infrastructure pour la page suivante.