Typography

Generate a polished PNG graphic from a text prompt and an aspect ratio.

hassancs91/claude-image-generation

Create or redesign PowerPoint decks in a high-end Japanese hand-drawn editorial style: warm off-white paper texture, delicate pencil or ink line illustration, thin uneven strokes, mostly monochrome…

software-ai-life/Awesome-PPT-Design-Skills

Create deterministic editorial-style cover images with a warm paper-gray background, oversized black slab-serif/Chinese display typography, generous whitespace, and a dotted vector analysis icon.

Pluviobyte/rnskill

UI/UX design intelligence. An agent skill from selmakcby/claude-agents-skills.

selmakcby/claude-agents-skills

[Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces.

InternScience/DrClaw

Learns about your product, studies the landscape and writes a DESIGN.md with a full design system covering type, color, layout, spacing and motion.

garrytan/gstack

Guide for using Sentry's layout and text primitives. An agent skill from getsentry/sentry.

getsentry/sentry

Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to…

sanqiufong/slides-from-anything

设计和排查 weapp-tailwindcss 动态 class 组合与运行时封装，覆盖 @weapp-tailwindcss/runtime、merge、cva、variants、typography、theme-transition、ui、clsx、twMerge、weappTwIgnore、escape/unescape、rpx transformer、缓存和组件 class…

weapp-tailwindcss/weapp-tailwindcss

A skill your agent uses when styling UI for render.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Epupp design context, principles, and visual foundation. An agent skill from PEZ/epupp.

PEZ/epupp

Core visual design principles (visual hierarchy, Gestalt grouping, composition, balance, contrast, white space, color, typography) with UI fixes, a checklist, and deep-dive references.

HermeticOrmus/LibreUIUX-Claude-Code

WordPress Full Site Editing (FSE) theme architecture. An agent skill from Automattic/wordpress-agent-skills.

Automattic/wordpress-agent-skills

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

bergside/awesome-design-skills

Design rules for editing a slide page: canvas geometry, text height table, type scale, contrast pairs, spacing rhythm and which element type carries which content.

THU-MAIC/OpenMAIC

Opinionated product-design skill for building, reviewing, polishing, and iterating on landing pages, apps, dashboards, AI products, design systems, and brand touchpoints.

kipperacademy/skillpper

WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories.

nexu-io/open-design

Automatically use together with the matching Levyra UI skill for any visual redesign, UI polish, visual hierarchy, spacing, typography, color, shape, motion, screenshot/reference recreation, or…

LUC4N3X/Levyra-deepsound

Creating and customizing Streamlit themes. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop.

iusztinpaul/designing-real-world-ai-agents-workshop

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code.

tech-leads-club/agent-skills

A skill your agent uses when styling UI for resend.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics).

kostja94/marketing-skills

A skill your agent uses when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese…

Sven-LI-sankyuu/presentation-skills

Create or redesign PowerPoint decks in a minimalist luxury high-end branding presentation style: soft beige background, warm neutral tones, elegant serif and sans-serif typography pairing, large…

software-ai-life/Awesome-PPT-Design-Skills

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML.

wshobson/agents

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.

wshobson/agents

Designing interfaces with a deliberate point of view: plan before pixels, avoid the generic-default look, typography and colour discipline, a quality floor that is not negotiable.

damianvtran/local-operator

A skill your agent uses when styling UI for clerk.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

54 real-world design systems (Stripe, Linear, Vercel, Notion, Apple…) as ready-to-paste HTML/CSS — exact colors, typography, components, and spacing for styling a page after a known brand.

yc-software/qm

Plan, prompt, or produce minimalist product advertising shorts from product images, preserving variants, material, color, concise typography, and rhythmic camera motion.

vllm-project/vllm-omni

Plan, write, audit, or produce music videos with coordinated music, imagery, camera motion, optional performance, and lyric typography.

vllm-project/vllm-omni

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

bergside/awesome-design-skills

A skill your agent uses to evaluate visual consistency, hierarchy, and design-system adherence — typography, color, spacing, density, tokens.

getcrew44/crew44

Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps, sentence-case typography, and automatic dark…

Tommy-yw/RunbookHermes

Apply concrete design-engineering details that make interfaces feel polished.

affaan-m/ECC

Applies the OpenClaw visual identity (coral and sea-glass palette, type stacks, logo rules and voice) to documents, slides, social graphics and launch material.

openclaw/clawhub

A skill your agent uses when styling UI for retool.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Comprehensive guide for BFL FLUX image generation models. An agent skill from black-forest-labs/skills.

black-forest-labs/skills

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required.

alirezarezvani/claude-skills

Generate world-class Instagram carousel content on any topic.

happycapy-ai/Happycapy-skills

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

nyldn/claude-octopus

Design multi-device layouts with Container Queries, clamp() fluid typography, :has() selector, subgrid, and modern CSS units (dvh/svh/lvh).

EliasOulkadi/shokunin

CRITICAL: Use for Makepad font and text rendering. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

Reviews page layout, typography, and pagination code in open-doc against a print craft bar — the sheet is the deliverable, not the screen.

simonliu-ai-product/open-doc

Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction…

curiositech/some_claude_skills

Generates a 3-month SEO performance HTML report for any domain using DataForSEO data.

Infrasity-Labs/dev-gtm-claude-skills

Comprehensive design token system for Mobazha including color system, typography scale, spacing grid, border radius, elevation, and icon sizes.

mobazha/mobazha-unified

The twelve Jungian brand archetypes mapped to UI structure: layout, typography, motion, and interaction patterns for each.

HermeticOrmus/LibreUIUX-Claude-Code