Skills
.Work. You
Rest

shadcn_ui-typography

Official

Style text with Shadcn UI and custom fonts.

Design & Creative#typography#customization#fonts#flutter#shadcn ui#text styles
Authorserverpod
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies applying consistent and customizable text styles within Flutter applications using the Shadcn UI design system, ensuring visual harmony and brand adherence.

Core Features & Use Cases

  • Predefined Text Styles: Easily apply standard text styles like headings (h1, h2, h3), body paragraphs (p), quotes (blockquote), and more.
  • Custom Font Integration: Set a custom font family, including Google Fonts, for your application's typography.
  • Extendable Themes: Define and use your own custom text styles within the Shadcn UI theme.
  • Use Case: When developing a Flutter app that uses shadcn_ui, you need to style all headings and body text according to the design system's guidelines, and also integrate a specific Google Font for branding.

Quick Start

Apply the h1 style to a Text widget using Shadcn UI typography.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: shadcn_ui-typography
Download link: https://github.com/serverpod/skills-registry/archive/main.zip#shadcn-ui-typography

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 471,000+ vetted skills library on demand.