技能 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.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

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

分析行數

複核項目

已忽略的誤報

最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。

審計單位: 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.