Le constructeur lit les axes fvar et la couverture de caractères cmap de la police fournie, puis intègre la police autorisée dans un outil d'échantillons hors ligne. Les contrôles du navigateur exposent ces axes réels ; les exportations incluent un PNG, un SVG de texte vivant et un JSON de paramètres modifiable.
- Nécessite
- Python 3 · browser
v1.0.0 · Mis à jour le 25 oct. 2026 · 351 KB · Utilisable pour vos projets personnels et clients ; merci de ne pas revendre ni partager le paquet.
Ce que vous obtenez
Un outil HTML hors ligne portable avec de véritables commandes interactives
Paramètres JSON modifiables et générateur spécifique à la tâche
Idéal pour
- Exploration typographique, études de typographie de marque et échantillons de polices portables.
Pas fait pour
- Clarté des licences de polices, conversion de polices statiques en polices variables ou rendu identique dans chaque visionneuse SVG.
Fonctionnement
Inclut un outil de rendu local
Préparer l'entrée réelle
La police OFL incluse ou une police variable sous licence.
Appliquer les commandes prises en charge
Remplacez la police variable par celle que vous pouvez intégrer. Modifiez une ligne de texte d'échantillon. Ajustez uniquement les axes présents dans cette police et exportez le résultat.
Construire et examiner le résultat
Ouvrez output/index.html dans un navigateur. Utilisez les commandes réelles et téléchargez les artefacts exportés. Le générateur ne déploie pas de site web.
Déroulement du processus
Comment fonctionne Laboratoire d'échantillons de typographie variable
Le constructeur lit les axes fvar et la couverture de caractères cmap de la police fournie, puis intègre la police autorisée dans un outil d'échantillons hors ligne. Les contrôles du navigateur exposent ces axes réels ; les exportations incluent un PNG, un SVG de texte vivant et un JSON de paramètres modifiable.
Ce que contient le skill
Ce que vous pouvez modifier
- Remplacez la police variable par celle que vous pouvez intégrer.
- Modifiez une ligne de texte d'échantillon.
- Ajustez uniquement les axes présents dans cette police et exportez le résultat.
Ce qu’il faut vérifier avant la livraison
- Le constructeur vérifie les axes réels de la police, les plages de valeurs et la couverture des caractères.
- Inspectez les exportations PNG/SVG réelles et le texte long dans le navigateur ; le support de police du visionneur peut différer.
Voir les fichiers du package
Voici une sélection des fichiers de travail de cette édition et leur rôle réel. Le téléchargement complet contient aussi les instructions et les mentions de licence applicables.
Lit les axes fvar réels et la couverture de glyphes cmap, puis intègre la police sous licence pour une utilisation hors ligne.
scripts/project.pyApplique les axes réels de la police, vérifie les caractères manquants et exporte un SVG de texte vivant ou un PNG matriciel.
scripts/studio.jsValidation locale, sortie protégée et construction des artefacts.
scripts/build.pyExemple exécutable avec les commandes réellement prises en charge.
examples/project.jsonLimites spécifiques au mécanisme et critères de révision visuelle.
references/production.md
Pourquoi ce skill ?
Partir de ce package
Le constructeur lit les axes fvar et la couverture de caractères cmap de la police fournie, puis intègre la police autorisée dans un outil d'échantillons hors ligne. Les contrôles du navigateur exposent ces axes réels ; les exportations incluent un PNG, un SVG de texte vivant et un JSON de paramètres modifiable. Le package fournit l'exemple fonctionnel, les entrées limitées et la voie d'exportation afin qu'ils n'aient pas besoin d'être conçus à partir d'une simple invite.
Comparer les options
Un prompt, votre propre skill ou ce processus ?
Partir d’un prompt
Votre agent peut créer à partir d’une simple demande. Il reste à définir le brief, les règles visuelles, le choix des ressources, le format de sortie et la procédure de vérification propres au projet.
Écrire votre propre skill
Vous choisissez et maintenez les instructions réutilisables, les réglages par défaut, la structure des fichiers et les contrôles. Cette option convient si votre processus exige d’autres règles ou intégrations.
Un processus créé pour PopNow
Ce processus a été conçu pour PopNow. Ses fichiers source, les dépendances incluses et les mentions applicables font partie du package. Les capacités décrites ci-dessous correspondent à cette édition.
Guide vérifié le 25 oct. 2026
Combien cela coûte-t-il ?
L'exemple procédural ou basé sur des polices fourni s'exécute localement sans génération de médias. Le temps de calcul et l'agent ou le visualiseur externe utilisés sont en dehors des frais de génération PopNow. Tout nouveau média optionnel demandé ultérieurement nécessite son propre devis.
Le parcours fourni s’exécute localement. La génération de nouveaux médias relève d’un choix distinct. Skill gratuit. Le prix des nouveaux médias est annoncé avant leur génération.
Le package du skill
Installation gratuite dans la limite du quota de téléchargement de votre compte. La licence du package couvre vos propres projets et ceux de vos clients ; la redistribution est exclue.
Ressources existantes et travail local
Réutiliser des ressources adaptées, modifier des fichiers et les assembler localement ne fait appel à aucun modèle de génération PopNow. Votre ordinateur et l’environnement d’exécution requis effectuent toujours ce travail.
Votre agent et l’hébergement
Les abonnements, ordinateurs hébergés, déploiements ou autres frais de prestataires relèvent du service concerné. L’installation de ce skill n’inclut pas ces services.
Comment fonctionne la facturation PopNow
Les connexions utilisant une clé API PopNow, y compris les connexions MCP avec clé API, consomment le solde API distinct en USD. Une connexion ChatGPT ou Claude autorisée par OAuth utilise les crédits du site. Ces soldes sont séparés ; le devis affiché par votre connexion sert de base à votre approbation.
Les quotas de téléchargement et les conditions actuelles du compte s’appliquent. Un package gratuit ne donne pas droit à une génération gratuite illimitée.
Comment l’utiliser
Vous dites
Utilisez le skill PopNow « Laboratoire d'échantillons de typographie variable » (variable-type-specimen-lab) pour ceci : Inspectez une police variable réelle, ajustez ses axes pris en charge et exportez des échantillons de texte vivant avec vérification des glyphes. Commencez par le projet regroupé, effectuez les modifications demandées et inspectez le résultat réel.
Puis essayez
Remplacez la police variable par celle que vous pouvez intégrer.
Modifiez une ligne de texte d'échantillon.
À préparer
- La police OFL incluse ou une police variable sous licence.
- Python avec support fontTools WOFF pour le reconstruction, plus un navigateur actuel.
Skills similaires
Tout voir →
WebAire de jeu photo puzzle
+25Transformez une photographie en puzzle à pièces courbes jouable, avec glisser, aimantation et contrôles clavier.
WebModèle de site de marque de boissons
+25Site lumineux pour marque de boissons ou snacks : boutique, composeur de caisse, carte des revendeurs et paiement de démo, en un fichier.
WebMonde de papier à parcourir
+25Parcourez un paysage de papier en couches, trouvez trois souvenirs et composez un petit carnet de promenade.
WebModèle de site e-commerce de sneakers
+25Une boutique complète de chaussures ou de vêtements avec catalogue, fiches produit, panier et paiement de démo, en un fichier HTML.
WebArt de zoom fractal
+25Explorez une fractale calculée, choisissez un gros plan et exportez la vue exacte en œuvre d'art et en brief réutilisable.
WebSite CV portfolio façon scrapbook
+25Un CV en ligne sur plusieurs pages fait d’objets en papier, avec études de cas et CV imprimable.
WebOrbite de lignes de Fourier
+25Reconstruisez un dessin fermé avec des cercles de Fourier en rotation et exportez le détail harmonique choisi.
WebLaboratoire de conception de pliages pop-up
+25Ouvrez une liaison en papier symétrique, ajustez sa géométrie d'attache et exportez une preuve de plis mesurée.
WebMicrosite de disque vinyle
+25Présentez un album dans une pochette tactile avec deux faces à écouter, des notes et un disque qui tourne.
WebSite web de produit matériel
+25Noms de modèles fins et géants sur studio argenté, cartes de fiches et gamme à l’échelle réelle.
WebModèle de site d’agence de voyages
+25Site centré sur la photo pour circuits, guides ou refuges : recherche de voyages, demandes de réservation et quiz de choix de séjour.
WebSite de designer indépendant
+25Site audacieux d’un designer solo qui vend des forfaits à prix fixe : pages d’offres, études de cas et formulaire de brief.
WebModèle de site glassmorphism
+25Verre dépoli sur fond noir, grand titre serif à un mot en italique, et inscription par e-mail.
WebStudio de contrainte photoélastique
+25Composez des franges de contrainte lumineuses avec charges et angles de polariseur modifiables, dans un studio hors ligne.
WebSculpture de mots orthogonale
+25Intersecter deux mots extrudés en un seul solide qui se lit différemment selon des points de vue perpendiculaires.
WebCréateur d’avatar 3D
+25Créez dans votre navigateur un personnage 3D façon peluche et enregistrez-le en PNG transparent ou en page 3D.
WebSite de CV académique
+25Structure recherche, enseignement et services avec filtres de publications et export BibTeX.
WebCalendrier heatmap d’activité
+25Une année d’activité quotidienne en calendrier de cases colorées, avec séries, totaux et navigation au clavier.
WebSite de produits agricoles
+25Filtre les équipements par culture et région, compare les spécifications et prépare une demande.
WebModèle de landing page SaaS IA
+25Papier sable et filets fins autour d’un tableau kanban où un assistant planifie les tâches.
WebSection hero animée
+25Un hero de landing page avec un mot de titre qui change en douceur, deux boutons et un large cadre d’image.
WebPortfolio salle d’arcade
+25Présentez vos projets comme des cartouches dans une petite salle d’arcade, au clavier ou au toucher.
WebPortfolio d’architecture
+25Filtrez les projets, changez les unités de surface et imprimez une sélection.
WebSite pour produits audio
+25Comparez les caractéristiques et écoutez vos fichiers audio dans un véritable test A/B local.
WebAnalyseur de spectre audio
+25Analyse un enregistrement local avec spectre réel, fréquence dominante et niveau du signal.
WebModèle de site d’études de cas
+25Reliez les preuves aux indicateurs, vérifiez les évolutions et signalez les données manquantes.
WebTableau de trésorerie
+25Rapproche solde initial, entrées et sorties avec un solde calculé après chaque opération.
WebRécit défilant cinématographique
+25Racontez une histoire photo en quatre actes, avec images plein cadre, mouvement doux et mode panoramique.
WebSite marketing de CMS
+25Modifiez un article JSON, vérifiez ses champs, prévisualisez-le et exportez le contenu valide.
WebPage de conférencier
+25Trouvez une intervention par thème et durée, puis exportez l’introduction et les besoins techniques.
WebConstellation de souvenirs
+25Reliez six souvenirs photo en constellation et explorez-les librement ou dans l’ordre du récit.
WebModèle de site d’entreprise du bâtiment
+25Calculez quantités et prix unitaires, isolez la réserve et exportez le détail du budget.
WebModèle de site de conseil
+25Comparez les formats selon l’objectif, le délai et l’équipe, puis exportez un brief.
WebTableau de conversion
+25Calcule les conversions et abandons d’une même cohorte, avec un tableau vérifiable.
WebModèle de site d’agence créative à shader
+25Héros shader orange vivant, déclaration en bas, navigation en pilules et grille d’études de cas décalée.
WebPortail d’accueil client
+25Guide les étapes dépendantes avec responsables, progression pondérée et liste exportable.
WebLanding page SaaS sombre
+25Un site marketing sombre et très animé pour un logiciel, livré en un seul fichier HTML autonome.
WebVitrine du design system
+25Modifie les couleurs, mesure les contrastes et exporte des tokens cohérents en CSS et JSON.
WebSite portfolio de designer
+25Six cartes inclinées autour d’un titre qui s’estompe, une carte portrait rouge, des études de cas éditoriales.
WebJournal de développement
+25Crée un journal technique consultable avec code lisible et flux RSS exportable.
WebSite portfolio de développeur
+25Un site personnel sombre pour développeurs, avec études de cas, articles, conférences, CV et formulaire de contact.
WebPage de vente de livre numérique
+25Lisez des extraits originaux, ajustez la taille du texte et gardez votre progression en local.
WebBudget modifiable
+25Recalcule budget prévu, dépenses réelles et solde à partir de quantités et prix modifiables.
WebSite SaaS éditorial
+25Héros scindé bleu marine, titre serif sur cinq lignes, photo documentaire, bandeaux inclinés et accent cobalt.
WebGraphique de participation
+25Compare inscriptions, présences et capacité avec un taux de participation pondéré.
WebModèle de site événementiel
+25Filtrez les sessions, repérez les chevauchements et exportez votre programme vers un calendrier.
WebComparaison d’expériences
+25Compare taux de conversion, effectifs et intervalles de Wilson sans déclarer de vainqueur.
WebPortail de rapports financiers
+25Recherchez par année et type, comparez les indicateurs et exportez les données.
WebPrototype de recherche de vols
+25Filtre un inventaire local par trajet, date et voyageurs, puis compare prix et durée.
WebDiagramme d’architecture interactif
+25Un schéma système cliquable et hors ligne, construit à partir d’un modèle JSON vérifié, avec les preuves derrière chaque bloc.
WebPetit musée interactif
+25Explorez trois salles, observez les objets de près et composez votre propre billet de visite.
WebSite de décoration intérieure
+25Créez un brief exportable à partir des dimensions, du budget et des priorités d’une pièce.
WebSite de boutique de bijoux
+25Vérifiez les combinaisons de matière et de taille, puis exportez une liste de demandes.
WebExplorateur de graphe de connaissances
+25Transformez vos notes de projet en graphe consultable hors ligne, où chaque affirmation renvoie à sa ligne source.
WebModèle de tableau de bord KPI
+25Quatre indicateurs avec variations, courbe lumineuse, répartition et objectifs, sur papier chaud.
WebLanding page à partir de maquettes IA
+25Voyez trois maquettes de page complète, choisissez-en une, et votre agent la code proprement.
WebListe d’attente avec parrainage
+25Testez des codes stables et une file locale dans une démonstration clairement signalée.
WebModèle de site de cabinet juridique
+25Créez une liste imprimable de préparation à un entretien selon le service et la juridiction.
WebModèle de site web magazine
+25Un site de magazine digne de l’imprimé, avec articles, rubriques, petite boutique et abonnements, en un seul fichier HTML.
WebCalculateur de tarifs d’adhésion
+25Calculez précisément les coûts selon l’effectif, la période et les options, puis comparez les offres.
WebSite de campagne associative
+25Présentez l’objectif et les hypothèses de coût, puis filtrez les missions par durée.
WebPage de présentation de cours en ligne
+25Vérifiez les prérequis, explorez le programme et calculez un planning hebdomadaire.
WebTableau des opérations
+25Classe les tâches par priorité, responsable et échéance avec des transitions explicites.
WebHéros à animation de particules
+25Texte sur papier chaud, à côté d’une sphère de points qui change à chaque idée.
WebSite de marque personnelle
+25Portrait fondu dans du papier chaud sous un fin crochet, affirmations de chaque côté.
WebModèle de site de boutique pour animaux
+25Boutique d’animaux qui fonctionne : catalogue, déclinaisons, panier, planificateur de recharges et paiement de démo, en un HTML.
WebÉditeur de séquence photo
+25Réordonnez un récit photo, choisissez les cadrages et les temps du récit, puis exportez et restaurez la séquence.
WebAtelier de stickers photo
+25Déplacez les stickers photo à la souris ou au clavier, tournez-les, annulez et exportez votre collage en PNG.
WebPortfolio photographique
+25Organise les séries photo avec visionneuse au clavier et planche-contact imprimable.
WebModèle de site de podcast
+25Un site de podcast avec héros lisible, archive d’épisodes, pages d’invités et un lecteur qui continue de jouer en naviguant.
WebSection de tarifs dessinée à la main
+25Tableau de tarifs façon carnet : cartes d’encre légèrement inclinées, bascule annuelle et mode sombre, dans un seul fichier hors ligne.
WebAnnuaire d’intégrations produit
+25Cherchez par fonction et authentification, puis préparez une liste de configuration.
WebPage de lancement produit cinématique
+25Page presque noire façon cinéma : titre serif, scène de nuit encadrée, formulaire de réservation.
WebModèle de site immobilier
+25Filtrez les biens par budget et nombre de chambres, puis imprimez un comparatif.
WebSite de présentation d’article de recherche
+25Une page projet pour votre article avec Figure 1 interactive, résultats, limites et citation en un clic.
WebRépartition des revenus
+25Compare montants et parts par catégorie en rapprochant les totaux de chaque période.
WebRapport de revenus
+25Affiche revenus, évolution et moyenne mobile en signalant les dates manquantes.
WebModèle de dashboard admin
+25Une console de back-office fonctionnelle avec graphiques, tableaux, kanban et calendrier, en un seul fichier HTML hors ligne.
WebModèle de landing page SaaS
+25Un site marketing clair et apaisé pour un logiciel, avec console produit fonctionnelle, tarifs et inscription.
WebTable de données filtrable
+25Transforme un CSV en tableau avec recherche, tri numérique, pagination et export sécurisé.
WebÉtat des services
+25Présente composants, contrôles périmés et chronologie des incidents dans un instantané fiable.
WebModèle de site de club sportif
+25Site de club, salle ou studio avec planning, pages d’entraîneurs, adhésions, plan des terrains et réservation dans un seul fichier.
WebSection mur de témoignages
+25Un mur de citations clients en maçonnerie ou en dérive lente, qui ne publie que les citations dont les personnes ont donné leur accord.
WebSite d’itinéraire de voyage
+25Organise les journées, vérifie les chevauchements et transferts, puis additionne les coûts connus.
WebPortfolio de cas UX
+25Relie décisions de design et preuves, en distinguant résultats observés et propositions.
WebModèle de page d’automatisation de workflows
+25Page graphite au titre court, avec un graphe de nœuds vivant qui s’exécute et relance les étapes.
WebPortfolio de rédacteur
+25Recherchez par publication et thème, enregistrez une liste de lecture et exportez une biographie.
WebHéros à grille interactive
+25Grille sombre de fins filaments qui se courbe vers le curseur et envoie un anneau à chaque clic.
Questions
Que se passe-t-il lorsqu'un caractère est manquant ?
Le constructeur vérifie le cmap de la police et rejette le texte de départ non pris en charge. Le navigateur avertit des caractères manquants et désactive l'exportation de l'œuvre pour ce texte ; il ne substitue pas silencieusement une autre police.
L'exemple fourni nécessite-t-il une génération payante ?
Non. Les ressources incluses ou les entrées procédurales s'exécutent localement. Si vous demandez de nouvelles images, clips ou sons, utilisez PopNow avec un devis exact et une approbation avant génération ; les USD d'API et les crédits du site OAuth sont distincts.
Que contient déjà Laboratoire d'échantillons de typographie variable ?
Lit les axes fvar réels et la couverture de glyphes cmap, puis intègre la police sous licence pour une utilisation hors ligne. Applique les axes réels de la police, vérifie les caractères manquants et exporte un SVG de texte vivant ou un PNG matriciel. Validation locale, sortie protégée et construction des artefacts. Exemple exécutable avec les commandes réellement prises en charge. Limites spécifiques au mécanisme et critères de révision visuelle.
Quelles parties de Laboratoire d'échantillons de typographie variable peuvent entraîner des frais ?
L'exemple procédural ou basé sur des polices fourni s'exécute localement sans génération de médias. Le temps de calcul et l'agent ou le visualiseur externe utilisés sont en dehors des frais de génération PopNow. Tout nouveau média optionnel demandé ultérieurement nécessite son propre devis. Les connexions utilisant une clé API PopNow, y compris les connexions MCP avec clé API, consomment le solde API distinct en USD. Une connexion ChatGPT ou Claude autorisée par OAuth utilise les crédits du site. Ces soldes sont séparés ; le devis affiché par votre connexion sert de base à votre approbation.
En quoi Laboratoire d'échantillons de typographie variable diffère-t-il d’un prompt ou d’un skill que j’écrirais moi-même ?
Le constructeur lit les axes fvar et la couverture de caractères cmap de la police fournie, puis intègre la police autorisée dans un outil d'échantillons hors ligne. Les contrôles du navigateur exposent ces axes réels ; les exportations incluent un PNG, un SVG de texte vivant et un JSON de paramètres modifiable. Le package fournit l'exemple fonctionnel, les entrées limitées et la voie d'exportation afin qu'ils n'aient pas besoin d'être conçus à partir d'une simple invite.