Typography

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component).

plugin87/ux-ui-agent-skills

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text.

bencium/bencium-marketplace

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

Manavarya09/design-extract

Choose presentation-ready color palettes and font pairings for PPT/design tasks.

haojing8312/WorkClaw

Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates…

TronIsHere/vibefarsiui

Author SVG figures for Grida docs — diff-able, version-controlled vector diagrams embedded in doc pages instead of screenshots.

gridaco/grida

Web and App implementation guide for Brutalist Typography. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

Web and App implementation guide for Editorial Design. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

A skill your agent uses when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

sickn33/agentic-awesome-skills

Web and App implementation guide for Swiss Design (International Typographic Style).

sickn33/agentic-awesome-skills

Web and App implementation guide for Typography First Design.

sickn33/agentic-awesome-skills

Generate images and content consistent with the Nous Research brand identity.

magnus919/agent-skills

Guide frontend design decisions to create distinctive, creative UIs that avoid generic AI-generated aesthetics.

maslennikov-ig/claude-code-orchestrator-kit

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

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

Manavarya09/design-extract

Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with…

affaan-m/ECC

Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story.

boraoztunc/skills

Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel.

nexu-io/open-design

Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette…

nexu-io/open-design

Extract brand identity from a website URL — voice, colors, typography, imagery, values, and target audience — into a structured brand-profile.json.

thatrebeccarae/claude-marketing

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

bergside/awesome-design-skills

Rewrite or edit prose in any language so it reads like edited human writing in the register of books, newspapers and encyclopedias rather than default AI output.

Prism-Shadow/penguin-harness

Mechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT prevention, chrome stability, motion timing, color semantics.

sickn33/agentic-awesome-skills

Plan and orchestrate multi-slide PowerPoint creation from scratch.

haojing8312/WorkClaw

When the user wants to apply, document, or enforce brand guidelines for any product or company.

alirezarezvani/claude-skills

A skill your agent uses when building ANY website, web app, landing page, or web-based UI - searches real template marketplaces for professionally designed layouts in the user's industry or niche…

NoobyGains/godmode

Provides design token system and theming framework for consistent, customizable UI styling across all components.

ancoleman/ai-design-components

Expert UI/UX design guidance for unique, accessible interfaces.

bencium/bencium-marketplace

Design rules for the docs site and landing page (docs/). An agent skill from github/gh-aw.

github/gh-aw

Design-token register: colour, typography, spacing and radius tokens with light and dark values, contrast ratio and WCAG level.

sickn33/agentic-awesome-skills

Define or review a visual system, DESIGN.md, or redesign direction.

first-fluke/oh-my-agent

54 production-quality design systems extracted from real websites.

Tommy-yw/RunbookHermes

Turn a reference image, screenshot, or mockup into token-driven, accessible code — infer the design system from the reference (palette, type scale, spacing, radius, layout archetype), map it to the…

plugin87/ux-ui-agent-skills

实现和维护 AndroidProject-Compose 的 Material 3 主题与设计令牌，覆盖浅色、深色、动态颜色、Color、Typography、Shape、Size、主题预览和规范图同步。用户要求修改主题、颜色、字体、圆角、间距、深浅色、动态配色或 AppTheme 时使用。

Joker-x-dev/AndroidProject-Compose

Create a new Kendo UI theme package from scratch or update an existing theme's design tokens, swatches, and component overrides.

telerik/kendo-themes

Inline HTML widgets: charts, dashboards, data tables rendered directly in the chat via ShowWidget

ginlix-ai/LangAlpha

Design-quality reference for financial-research visual output: typography, color, composition, and avoiding generic AI aesthetics

ginlix-ai/LangAlpha

Review UI code for Web Interface Guidelines compliance by the Vercel engineering team.

nexu-io/open-design

Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling.

nexu-io/open-design

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

jezweb/claude-skills