Skills
.Work. You
Rest

type-craft

Community

Build beautiful, math-grounded CSS typography.

Design & Creative#typography#accessibility#web development#layout#design system#css
AuthorAgentCTO
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of mathematically sound and accessible CSS typography and layout systems, ensuring visual harmony and professional design across web projects.

Core Features & Use Cases

  • Type Scale Generation: Creates harmonious font size scales based on mathematical ratios (e.g., Major Third, Golden Ratio).
  • Font Pairing: Recommends and integrates font combinations for headings and body text.
  • Spacing & Layout Systems: Generates consistent spacing tokens and layout proportions.
  • Accessibility Checks: Validates color contrast and fluid type scaling against WCAG standards.
  • Use Case: You're starting a new website and need a robust, scalable type system. This Skill will generate production-ready CSS custom properties for font sizes, line heights, spacing, and more, tailored to your project's needs.

Quick Start

Use the type-craft skill to generate a CSS type system for a marketing website using the major third ratio and system fonts.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: type-craft
Download link: https://github.com/AgentCTO/claude-skills/archive/main.zip#type-craft

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.