Habilidades better-typography

📦

better-typography

Name: better-typography
Author: jakubkrehel

Revisão do conteúdo r1 Seguro ⚙️ Comandos externos

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.

Suporta: Claude Codex Code(CC)

🥉 78 Bronze

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do agente

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.

Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.

Recursos legíveis por agentes

Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.

Detalhe em Markdown GET /skills/jakubkrehel-better-typography.md manifest assinado GET /api/skills/jakubkrehel-better-typography/manifest lockfile assinado GET /api/skills/jakubkrehel-better-typography/lockfile

Testar

Usando "better-typography". A three-line card description uses the same tight line-height as its heading.

Resultado esperado:

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.

Usando "better-typography". A dashboard counter shifts horizontally whenever its digits change.

Resultado esperado:

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.

Usando "better-typography". An Arabic interface displays a mixed-direction account identifier in the wrong order.

Resultado esperado:

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.

Auditoria de segurança

Seguro

v1 • 05/10/2026 Abrir o relatório versionado

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.

Arquivos analisados

702

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.

Auditado por: codex

Compartilhar e citar este relatório

Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.

Abrir o relatório versionado

Copiar link do relatório

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>

Cartão incorporável

<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>

Citações acadêmicas (APA · BibTeX · CFF)

Citação APA

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

Citação 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"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Médio

Arquitetura

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

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.

Teste estes 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.

Boas práticas

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.

Evitar

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.

Perguntas frequentes

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.