Scandinavian Design

An MIT-licensed Claude Code skill that applies concrete design rules from Refactoring UI by Adam Wathan and Steve Schoger when building or reviewing interfaces. It selects spacing, typography, color, shadow, and radius values from fixed scales; creates hierarchy through font weight and color rather than relying on larger text; and translates subjective issues such as an interface looking "off" into specific mechanical fixes. The repository includes a SKILL.md procedure, references for palette construction, diagnosis, depth, typefaces, grids, and images, plus a contrast-verified starter tokens.css file. Claude Code can load it as a personal or project skill, and it does not include the book's text or images.

An agent-facing collection of design and engineering skills by Emil Kowalski for building and reviewing user interfaces. Its guidance covers animation curves, durations, properties, gestures, haptics, screen transitions, motion placement, borders, shadows, typography, Apple interface principles distilled from WWDC talks, UI-library selection, modern Swift, prototyping, and product-interface details. The skills can create animations from scratch, review animations against defined rules, audit a codebase and produce prioritized implementation plans, identify worthwhile opportunities for motion while flagging what should not be animated, and build multiple UI variants navigated through a switcher. A React Native and Expo skill covers gestures, sheets, haptics, screen transitions, and keeping motion off the JavaScript thread; other skills guide use of the Sonner toast library and library selection. The collection is installed with `npx skills@latest add emilkowalski/skills` and is based on Kowalski’s stated experience at Vercel and Linear.

AI Design Skills is an MIT-licensed collection of Markdown design skills for AI coding tools such as Claude Code, Cursor, Codex, Windsurf, and Cline. Its skills provide coding agents with guidance for landing-page strategy, page structure, conversion copy, typography, spacing, visual systems, border radius, and motion. Each skill is stored as a self-contained folder with a SKILL.md file that can be copied into an agent's project-rules directory, added to a system prompt, or uploaded to a Claude.ai project. The repository currently documents a landing-page-design skill that asks intake questions, builds the page structure and copy, and defines the visual system; its design values are grouped in an editable section so users can change fonts, colors, spacing, and motion. The collection can be forked and used, modified, distributed, or used in commercial work under the MIT license.

Hallmark is an open-source design skill for Claude Code, Cursor, and Codex that applies anti-AI-slop rules to generated interfaces. It selects a macrostructure and one of twenty-one themes for a brief, applies its design rule set, runs fifty-seven anti-pattern gates and a pre-emit self-critique, and returns self-contained HTML and CSS. Its four operations build new UI, audit existing code without editing it, redesign an interface while retaining its copy, information architecture, and brand, or study a screenshot or URL to extract macrostructure, type pairing, and a color anchor; the study operation can also emit a portable design.md file. Custom briefs can receive a made-to-measure palette, typography, and layout rather than a catalog theme. Hallmark is made by Together AI and distributed under the MIT license.