All authors
Claude Skills by wensity
github.com/wensity3 skills0 installs8 views
- wensity-layoutLay out web UI with a spacing scale, clear grouping, alignment, grids, containers, tables and responsive structure that holds from 320px phones to wide desktops. Use when creating a page, section, form or dashboard layout, or when changing spacing, alignment, grids, containers or responsive behavior in React, Next.js, Tailwind CSS or CSS: spacing feels random, cramped or too loose, things do not line up, a layout breaks on mobile, or the user mentions padding, margins, gaps, grid, whitespace,...Votes: 0GitHub stars: 2
- wensity-typographySet up and fix typography in web UI: choose and load fonts, build a type scale of named roles, set line height, letter spacing, measure and line breaks, and style numbers, links and code. Use when creating a page, section or component, or when changing fonts, text sizes, hierarchy, line height, tracking, text wrapping or font loading in React, Next.js, Tailwind CSS or CSS, or when headings or body text look off, cramped, generic or hard to read. Skip it for edits that leave text styling untou...Votes: 0GitHub stars: 2
- wensity-ui-copyWrite the words inside an interface: headings, buttons, labels, helper text, errors, empty states, toasts, confirmations, onboarding and landing page copy, plus realistic sample content. Use when writing or revising user-facing text in a UI, when filling a new page or component with content, when copy sounds like marketing filler or like an AI wrote it, or when the user asks for better wording, microcopy, CTA text, error messages or empty states. Skip it for changes that keep the existing text.Votes: 0GitHub stars: 2