スキル better-typography

📦

better-typography

Name: better-typography
Author: jakubkrehel

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

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.

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

Maintain this Skill? Claim it 🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

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.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/jakubkrehel-better-typography.md 署名済み manifest GET /api/skills/jakubkrehel-better-typography/manifest 署名済み lockfile GET /api/skills/jakubkrehel-better-typography/lockfile

テストする

「better-typography」を使用しています。 A three-line card description uses the same tight line-height as its heading.

期待される結果:

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.

「better-typography」を使用しています。 A dashboard counter shifts horizontally whenever its digits change.

期待される結果:

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.

「better-typography」を使用しています。 An Arabic interface displays a mixed-direction account identifier in the wrong order.

期待される結果:

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.

セキュリティ監査

安全

v1 • 2026/10/5 バージョン別レポートを開く

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.

スキャンされたファイル

702

解析済み行数

レビュー項目

誤検知を無視

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

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

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)

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>

埋め込みカード

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

学術引用 (APA · BibTeX · CFF)

APA形式の引用

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

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"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

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.

これらのプロンプトを試す

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.

ベストプラクティス

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.

回避

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.

よくある質問

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.