Feature Sections

tech-capabilities-specs

stable Sur waimia · 1 Contenu inline (instance)

Présenter les capacités

Inventaire technique en table spec (capacité, description, statut) avec en-tête kicker et aside.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/pages/expertise-claude.astro

Aperçu

Comment l'utiliser

Intention

Présenter les capacités

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`kicker`	Contenu	`text`	Oui	fr / en	·
`title`	Contenu	`text`	Oui	fr / en	·
`aside`	Contenu	`text`	Non	fr / en	·
`capabilities`	Contenu	`array`	Oui	·	1..∞

Déclinaisons · 9

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé.

tech-capabilities-specs · lignes séparées
générée
tech-capabilities-specs--rows-divided
tech-capabilities-specs · grille étapes
générée
tech-capabilities-specs--grid-steps
tech-capabilities-specs · matrice comparative
générée
tech-capabilities-specs--comparison-matrix
tech-capabilities-specs · cases à cocher
générée
tech-capabilities-specs--feature-check
tech-capabilities-specs · lignes specs
générée
tech-capabilities-specs--spec-rows
tech-capabilities-specs · lignes zébrées
générée
tech-capabilities-specs--striped-rows
tech-capabilities-specs · en-tête collant
générée
tech-capabilities-specs--sticky-header
tech-capabilities-specs · comparaison 2 colonnes
générée
tech-capabilities-specs--two-col-compare
tech-capabilities-specs · liste de contrôle
générée
tech-capabilities-specs--checklist

Comparer les déclinaisons · 9

Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.

tech-capabilities-specs · lignes séparées
générée
tech-capabilities-specs--rows-divided
layout:rows-divided
Ouvrir dans le builder
tech-capabilities-specs · grille étapes
générée
tech-capabilities-specs--grid-steps
layout:grid-steps
Ouvrir dans le builder
tech-capabilities-specs · matrice comparative
générée
tech-capabilities-specs--comparison-matrix
layout:comparison-matrix
Ouvrir dans le builder
tech-capabilities-specs · cases à cocher
générée
tech-capabilities-specs--feature-check
layout:feature-check
Ouvrir dans le builder
tech-capabilities-specs · lignes specs
générée
tech-capabilities-specs--spec-rows
layout:spec-rows
Ouvrir dans le builder
tech-capabilities-specs · lignes zébrées
générée
tech-capabilities-specs--striped-rows
layout:striped-rows
Ouvrir dans le builder
tech-capabilities-specs · en-tête collant
générée
tech-capabilities-specs--sticky-header
layout:sticky-header
Ouvrir dans le builder
tech-capabilities-specs · comparaison 2 colonnes
générée
tech-capabilities-specs--two-col-compare
layout:two-col-compare
Ouvrir dans le builder
tech-capabilities-specs · liste de contrôle
générée
tech-capabilities-specs--checklist
layout:checklist
Ouvrir dans le builder

Sections liées

Même famille

comparison-table stable

Tableau comparatif pour clarifier les différences entre offres, options ou approches.

table Comparison Sections Défilement horizontalSurvolGlisser pour faire défiler +3 11 décl.

course-catalog-table stable

Tableau du catalogue formations : titre de section et lignes (#, titre, niveau en pill, durée, prix, flèche), une formation par ligne.

table Index Sections SurvolBadgeMulti-colonnes 12 décl.

data-table stable

Table de données neutre générique : en-tête optionnel, colonnes avec alignements, lignes et cellules typées (emphase), zébrures et légende. Distincte des tables habillées terminal ou éditoriale.

table Table Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +4 13 décl.

department-stack stable

Stack outils en table éditoriale : en-tête eyebrow et titre display, aside Callout, EditorialTable catégorie/outil/rôle.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.

editorial-table-block stable

Comparateur éditorial : en-tête kicker mono et titre display, puis tableau EditorialTable bilingue (colonnes, lignes, caption).

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 14 décl.

pricing-comparison-matrix stable

Matrice comparative tarifaire pour mettre en regard les fonctionnalites de 3 plans avec mise en avant de la colonne recommandee.

table Pricing Sections Défilement horizontalSurvolGlisser pour faire défiler +3 13 décl.

Même catégorie

architecture-diagram stable

Diagramme d'architecture signature : N canaux d'entrée vers un système central et M sorties, avec boucle d'amélioration continue.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +1 23 décl.

bento-grid stable

Mosaique bento asymetrique de 5 cellules (1 grande 2x2 + 4 petites) pour valoriser les capacites cles avec une mise en page moderne.

bento Feature Sections IcônesCartesListe +1 26 décl.

challenges-grid stable

Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.

card-grid Feature Sections SurvolIllustration au traitIcônes +4 16 décl.

coming-soon-pills stable

Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.

list Feature Sections ListeBadge1 colonne 16 décl.

commitments-grid stable

Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 décl.

decision-list stable

Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.

list Feature Sections Apparition au scrollDéfilementListe +1 17 décl.

Similaires

editorial-split-grid stable

Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 17 décl.

why-stalls stable

Section éditoriale "pourquoi X cale" : chapter label sticky à gauche + N FIG rows à droite avec row-lines.

card-grid Feature Sections DéfilementIllustration au trait2 colonnes +2 14 décl.

feature-tabs stable

Section fonctionnalites en onglets cliquables : barre de tabs aria-compliant + panneau texte/visuel. Interactif vanilla JS, 0 dependance.

tabs Feature Sections Défilement horizontalSurvolClic (bascule) +9 7 décl.

guarantee-block stable

Bloc garantie pour expliciter les engagements, réduire le risque perçu et rassurer.

band Feature Sections Liste2 colonnesMédia à droite +1 17 décl.

media-swap-band stable

Bande 2 ou 3 colonnes dont les images changent en fondu (auto ou au survol), avec CTA.

scroll-interactive Feature Sections Fondu enchaînéRotation automatiqueApparition au scroll +7 17 décl.

code-showcase stable

Vitrine de code annoté pour devtools/SaaS technique : copy explicative, bloc code mono avec numéros de ligne et commentaires bilingues alignés, label fichier et langage, tone encre ou paper.

terminal-shell Terminal Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +7 18 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "tech-capabilities-specs",
  "kicker_fr": "Capacités",
  "kicker_en": "Capabilities",
  "title_fr": "<i>Inventaire</i><br/>technique",
  "title_en": "Technical<br/><i>inventory</i>",
  "aside_fr": "Les capacités exploitées en production, pas la liste marketing.",
  "aside_en": "The capabilities used in production, not the marketing list.",
  "capabilities": [
    {
      "name_fr": "Raisonnement long et complexe",
      "name_en": "Long and complex reasoning",
      "description_fr": "Chaînes de pensée structurées sur problèmes multi-étapes.",
      "description_en": "Structured reasoning chains on multi-step problems.",
      "status": "active"
    },
    {
      "name_fr": "Suivi d'instructions précis",
      "name_en": "Precise instruction following",
      "description_fr": "Respect strict des contraintes formelles et règles métier.",
      "description_en": "Strict compliance with formal constraints and business rules.",
      "status": "active"
    },
    {
      "name_fr": "Constitutional AI natif",
      "name_en": "Native Constitutional AI",
      "description_fr": "Alignement par principes intégrés au training, traçabilité.",
      "description_en": "Principle-based alignment built into training, traceability.",
      "status": "active"
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/tech-capabilities-specs.json

Chemin du détail machine

/library/section/tech-capabilities-specs.json