Skills tagged: typography

• tailwindcss-plugins - Tailwind CSS Official and Custom Plugins Guide

  tailwindcsspluginscsstypography

  ★ 18 · Updated 2026-09-22

  Provides usage guidelines for official Tailwind CSS plugins and instructions for creating custom plugins.

  ⚙ Install official plugins⚙ Style content typography⚙ Reset form element styles
• frontend-design - Guidance for distinctive visual design when building UI.

  frontenddesignuitypography

  ★ 0 · Updated 2026-09-22

  Provides guidance for intentional visual design, typography, color, layout, and copy when creating or updating UIs.

  ⚙ Ground designs in subject matter⚙ Create design plan with tokens⚙ Review design plan against brief
• ui-ux-frontend-basics - UI/UX basics for frontend pages and components

  ui-uxfrontendlayouttypography

  ★ 0 · Updated 2026-09-21

  Applies practical UI/UX guidelines when designing or polishing frontend pages and components.

  ⚙ Classify UI surface types⚙ Establish visual hierarchy⚙ Apply spacing scales
• frontend-design - Guidance for distinctive visual design and UI construction

  frontendui-designvisual-designtypography

  ★ 2 · Updated 2026-09-21

  Provides design principles and processes for creating distinctive, non-templated user interfaces with intentional typography, layout, and copy.

  ⚙ Create compact visual token systems⚙ Review design plans against briefs⚙ Set intentional typographic scales
• ui-ux-pro-max - UI/UX Pro Max Design Intelligence

  ui-uxdesign-systemfrontendtailwind

  ★ 602 · Updated 2026-09-20

  Provides a searchable database and guidelines for UI styles, color palettes, font pairings, chart recommendations, UX best practices, and frontend stacks.

  ⚙ Search UI style guides⚙ Search color palettes⚙ Search typography font pairings
• design-taste - Design and polish web interfaces with elite taste

  ui-designfrontendcsstypography

  ★ 58 · Updated 2026-09-20

  Builds, reviews, and polishes web interfaces using frontend design engineering principles, design rules, motion craft, and anti-pattern detection.

  ⚙ Design web interfaces⚙ Review UI code⚙ Polish styling and motion
• frontend-typography - Generate typography design specifications and JSON configs

  frontenddesigntypographyfonts

  ★ 0 · Updated 2026-09-20

  Selects font stacks, variable axes, size scales, line heights, and font loading strategies from briefs to produce typography.json.

  ⚙ Parse operator briefs and parameters⚙ Query typography design corpus⚙ Select font stacks and axes
• industrial-brutalist-ui - Industrial Brutalism & Tactical Telemetry UI

  industrial-brutalismtactical-telemetryswiss-designtypography

  ★ 0 · Updated 2026-09-20

  Architect web interfaces fusing Swiss typographic design and retro-futuristic military terminal aesthetics with rigid grids and extreme typographic contrast.

  ⚙ Architect Swiss industrial print interfaces⚙ Architect tactical telemetry terminal interfaces⚙ Implement extreme typographic scale contrast
• industrial-brutalist-ui - Industrial Brutalism & Tactical Telemetry UI

  ui-designbrutalismtypographycss

  ★ 0 · Updated 2026-09-20

  Architects web interfaces fusing Swiss typographic print, industrial manuals, and retro-futuristic telemetry displays with rigid grids.

  ⚙ Build rigid modular grid layouts⚙ Apply extreme typographic scale contrast⚙ Implement utilitarian substrate color palettes
• frontend-design - Guidance for distinctive visual frontend design.

  frontenddesignuitypography

  ★ 0 · Updated 2026-09-19

  Provides principles and process for designing distinctive UIs with custom typography, color palettes, layouts, and copy without default templates.

  ⚙ Brainstorm design plans⚙ Establish custom token systems⚙ Define distinct typography pairings
• h-frontend-design - Frontend UI/UX design reference and guidance

  frontendui-designux-designtypography

  ★ 0 · Updated 2026-09-19

  Provides UI/UX design guidance across typography, color, spatial layout, motion, interaction, responsive design, and UX writing.

  ⚙ Establish project context and constraints⚙ Provide typography design guidance⚙ Provide color and contrast guidance
• bolder - Amplify safe or boring designs to increase visual impact

  designuifrontendtypography

  ★ 0 · Updated 2026-09-18

  Amplifies safe or boring designs to create distinct, high-impact user experiences while preserving functionality and accessibility.

  ⚙ Gather brand context and audience⚙ Assess visual weakness sources⚙ Plan distinct amplification strategy
• bolder - Amplify designs to increase visual impact and personality.

  ui-designvisual-designstylingtypography

  ★ 1 · Updated 2026-09-17

  Amplifies safe, generic, or boring designs to increase visual impact and personality while maintaining usability, performance, and accessibility standards.

  ⚙ Assess current design weaknesses⚙ Plan design amplification strategy⚙ Amplify typography scale and contrast
• bolder - Amplify safe or boring designs for visual impact

  ui-designtypographycolor-palettelayout

  ★ 0 · Updated 2026-09-17

  Amplifies safe or boring designs to increase visual impact and character while maintaining usability.

  ⚙ Invoke impeccable design protocol⚙ Assess current design weaknesses⚙ Plan design amplification strategy
• draw-your-font - Turn a handwriting photo into an installable TTF font.

  fonthandwritingtypographyttf

  ★ 0 · Updated 2026-09-17

  Converts photos of handwritten letters into installable TTF and web font files.

  ⚙ Generate handwriting font template PDFs⚙ Segment handwriting photos into character crops⚙ Build TTF and web font files
• frontend-design - Guidance for visual design when building or updating UI.

  frontendui-designtypographydesign-system

  ★ 1 · Updated 2026-09-17

  Provides visual design guidance for hierarchy, typography, layout, component states, and accessibility when creating or updating user interfaces.

  ⚙ Inspect existing visual references⚙ Plan visual hierarchy and typography⚙ Design interactive interface states
• makepad-font - Makepad Text Layout and GPU Font Rendering Guide

  makepadfont-renderingtext-layoutsdf

  ★ 0 · Updated 2026-09-17

  Provides font configuration, text layout, and GPU-based SDF text rendering support for Makepad applications.

  ⚙ Configure font families and styles⚙ Manage text layouter and shaping⚙ Render text using GPU SDF
• makepad-font - Makepad font and text rendering skill

  makepadfonttext-renderingsdf

  ★ 1 · Updated 2026-09-17

  Provides technical details for Makepad font configuration, text layout, HarfBuzz shaping, and GPU SDF text rendering.

  ⚙ Configure font families and sizes⚙ Define text layout parameters⚙ Configure rasterizer and font atlas
• typeset - Assess and improve text typography, hierarchy, and readability.

  typographycssdesignformatting

  ★ 0 · Updated 2026-09-16

  Evaluates and refines font choices, text hierarchy, sizing, line spacing, and readability for web interfaces.

  ⚙ Invoke impeccable context gathering protocol⚙ Assess typography font choices and hierarchy⚙ Establish systematic modular type scale
• typeset - Improve font choices, hierarchy, and text readability

  typographyfont-selectiontext-hierarchyreadability

  ★ 1 · Updated 2026-09-16

  Improves typography by fixing font choices, hierarchy, sizing, weight, and readability.

  ⚙ Assess typography weaknesses⚙ Plan systematic typography improvements⚙ Select appropriate brand fonts

Scroll to load more