스킬 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.