Compétences better-typography

📦

better-typography

Name: better-typography
Author: jakubkrehel

Révision du contenu r1 Sûr ⚙️ Commandes externes

Improve Web Typography and Readability

Inconsistent sizes, cramped spacing, and hidden text make interfaces harder to read. This skill guides typography reviews and styling fixes using existing CSS or Tailwind conventions.

Prend en charge: Claude Codex Code(CC)

🥉 78 Bronze

Maintain this Skill? Claim it 🥉 78 Bronze

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent

Review the Skillstore skill "better-typography" from https://skillstore.io/skills/jakubkrehel-better-typography.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-better-typography/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/jakubkrehel-better-typography.md manifest signé GET /api/skills/jakubkrehel-better-typography/manifest lockfile signé GET /api/skills/jakubkrehel-better-typography/lockfile

Tester

Utilisation de « better-typography ». A three-line card description uses the same tight line-height as its heading.

Résultat attendu:

Finding: The description has insufficient spacing for multiline reading.
Recommendation: Use a line-height of at least 1.4 and retain the existing font family.
Verification: Check realistic descriptions at narrow widths and with larger browser text.

Utilisation de « better-typography ». A dashboard counter shifts horizontally whenever its digits change.

Résultat attendu:

Finding: Proportional digits change the width of the displayed value.
Recommendation: Enable tabular numbers if the active font supports them.
Verification: Compare several digit combinations and confirm the layout remains stable.

Utilisation de « better-typography ». An Arabic interface displays a mixed-direction account identifier in the wrong order.

Résultat attendu:

Finding: Adjacent text affects the ordering of the identifier.
Recommendation: Set language and direction at the appropriate boundary, and isolate the identifier with a bidirectional isolation element.
Verification: Check real Arabic and Latin values without manually reversing digits.

Audit de sécurité

Sûr

v1 • 05/10/2026 Ouvrir le rapport versionné

All 51 static findings are false positives involving Markdown formatting, typography guidance, or a CSS selector. The review approval language applies to typography defects, not security adjudication. No evidence found of command execution, system reconnaissance, data exfiltration, or prompt injection in the reviewed files.

Fichiers analysés

702

Lignes analysées

Éléments à examiner

Faux positifs ignorés

Le dernier audit statique et sémantique terminé n’a détecté aucun constat de sécurité confirmé. Cela ne prouve pas que le skill est sans effets secondaires.

Audité par: codex

Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné

Copier le lien du rapport

https://skillstore.io/skills/jakubkrehel-better-typography/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/jakubkrehel-better-typography/security.svg)](https://skillstore.io/skills/jakubkrehel-better-typography?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/jakubkrehel-better-typography?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-better-typography/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/jakubkrehel-better-typography.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citations académiques (APA · BibTeX · CFF)

Citation APA

jakubkrehel. (2026). better-typography security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-better-typography/audits/1

Citation BibTeX

@techreport{jakubkrehel-jakubkrehel-better-typography-2026,
  author = {jakubkrehel},
  title = {better-typography security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/jakubkrehel-better-typography/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "better-typography security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "jakubkrehel"
date-released: "2026-10-05"
url: "https://skillstore.io/skills/jakubkrehel-better-typography/audits/1"
identifiers:
  - type: other
    value: "skillstore:jakubkrehel-better-typography:audit:1"
    description: "Skillstore immutable audit report identifier"

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Moyen

Architecture

Maintenabilité

Contenu

Communauté

Conformité aux spécifications

Ce que vous pouvez créer

Review Interface Typography

Inspect dashboard headings, labels, and changing values, then propose fixes within the existing styling system.

Define Shared Text Roles

Create consistent text roles with coordinated size, weight, and line-height while preserving the product font family.

Check Reading and Localization

Review article line length, recoverable truncation, and mixed-direction text using realistic content and viewport sizes.

Essayez ces prompts

Review a Text Section

Review typography in [section or component]. Identify readability problems and suggest fixes without changing the font family or copy. State any unverified checks.

Create a Role-Based Type Scale

Using [existing styles], propose display, title, heading, body, and caption roles. Specify size, weight, and line-height. Preserve the current font family and styling conventions.

Fix Wrapping and Truncation

Review [components] with [sample content] at mobile and desktop widths. Fix wrapping, long identifiers, and truncation in [styling system]. Keep important full values reachable.

Audit Font Behavior and Verification

Audit [application scope] for font synthesis, fallback emphasis, OpenType features, mobile inputs, and mixed-direction values. Group findings by principle and severity. Separate verified results from unavailable checks.

Bonnes pratiques

Preserve the existing font family and implement changes through the project styling system.
Verify realistic content at multiple widths, with zoom, and across the fallback font stack.
Report findings by root cause and severity, and label checks that could not run as Not verified.

Éviter

Introduce a new or paid typeface solely to satisfy a typography checklist.
Hide important text through truncation without a way to access its full value.
Disable font synthesis globally before verifying required emphasis across fallback fonts.

Foire aux questions

Does this skill require Tailwind?

No. It provides CSS declarations and Tailwind 4 equivalents. Apply the form that matches the existing project.

Will it replace the product font?

Not by default. It instructs reviewers to preserve the existing font family unless the task explicitly requests a change.

Does it include an automated scanner?

No. The package contains reference guidance and review instructions, not an executable scanner.

Can typography be reviewed without a browser?

Styles can be inspected without one, but rendered wrapping and truncation need browser verification. Unavailable checks should be reported as Not verified.

Does it perform a complete accessibility audit?

No. It addresses text rendering and readability. Semantic structure, contrast classification, and broader accessibility requirements are outside its scope.

Do all fonts support the recommended features?

No. Variable axes and OpenType features depend on the font. Verify available features and fallback behavior before applying them.