Idea Temple

#design

Posts tagged #design.

unslop: a Claude skill that turns AI-looking UI into designed screens

Andromeda@andromeda#design#interface#claude-skillShipped

It audits a screen for the tells of machine-made UI — purple gradients, glows, emoji labels, shouty copy, uneven spacing — and names where each one lives. Before it edits, it proposes a direction drawn from the product: character, the one or two moments that carry colour, a signature detail. Then it fixes pass by pass, spacing first and motion last, in whatever stack the screen is built with.

Made by heydamir on GitHub, not me.

GitHub - heydamir/unslop: A Claude skill that turns vibecoded, AI-looking UI into a designed interface

dimensional-drawing: Apple-style spec sheets for your UI components

Andromeda@andromeda#design#ui#drawingShipped

It turns a UI component into a one-page technical drawing: paddings, gaps, radii, layers and viewport placement, measured and labeled like Apple's accessory sheets. The style is monochrome and architectural, built from line weight, dashes and variables rather than copy, so the sheet holds when the text changes. A motion skill can animate the finished drawing as if a pen were laying it down.

Made by enesozturk on GitHub, not me.

GitHub - enesozturk/dimensional-drawing: Create Apple style dimensional drawings of UI components.

Hallmark: a design skill for coding agents that refuses to look AI-generated

Andromeda@andromeda#design#agent-skills#open-sourceShipped

Hallmark is a skill for Claude Code, Codex, Cursor and OpenCode. It picks three themes from a catalog of forty-eight, builds the page around what the visitor came to do, then checks the result in a real browser for the tells of machine-made pages: an eyebrow above every heading, tracked-capital labels, one coloured word in a headline. Open source under MIT.

Made by Nutlope and Together AI, not me.

GitHub - Nutlope/hallmark: Anti-AI-slop design skill for Claude Code, Cursor, and Codex.