design

Weekly curated newsletter of design, development and tech links selected by the Piccalilli editorial team.

Joke React component library of startup design tropes, packaging the visual language of oversubscribed funding rounds as installable components.

One agent skill with twenty commands plus a curated list of frontend design anti-patterns to avoid.

Palette generator and theme designer that outputs shadcn-compatible colour scales and previews.

Browser app that turns pasted spreadsheet data into unusual chart types — alluvial, bump, streamgraph — and exports SVG for Illustrator.

Weekly newsletter of hand-picked links across design, technology, culture and art, plus tool and book recommendations.

Long-running weekly podcast on design process, product critique and interface craft with 300-plus episodes archived.

Open-source visual editor that lets you style and edit a running React app directly and writes the code changes back.

Curated index of designer and engineer portfolio sites with links to the people behind them and their repos.

Visual whiteboard that lets you annotate screenshots and feed the marked-up feedback straight back into the coding agent.

One-hour focused course on icon design fundamentals: grids, optical correction, stroke weight and consistency across a set.

Five hand-picked design links published every weekday, with a long public archive.

Official MCP server for Penpot enabling bidirectional design workflows against an open-source design tool.

Open-source macOS screen recorder that exports GIF, MP4 and WebM with configurable frame rate, trimming and plugin export targets.

Static Astro blog template with animated transitions, banner art support, table of contents and a soft pastel design system.

Open-source skill files that steer AI coding agents toward better frontend visual and interaction decisions.

Curated list of newsletters across design, CSS, frontend, UX and engineering with direct signup links.

Minimal chromeless browser window built for recording clean screenshots and screencasts of web pages without any UI furniture.

Curated global design resource list spanning tools, articles, inspiration and learning material.

Anthropic's official skill repo: docx, pptx, xlsx, pdf, canvas-design, algorithmic-art, mcp-builder, webapp-testing and skill-creator.

QR code designer where the rendering is defined by editable code presets, letting you script appearance parameters and export SVG.

Tailwind plugin replacing border-radius with Apple-style continuous curvature corners, exposed as utility classes.

Fifty-plus motion graphics and animation skills for agents, covering easing, timelines, transitions and video-style sequences.

VS Code color theme with a muted, low-saturation palette and matching light variant, tuned for long editing sessions.

Online mesh gradient maker producing liquid warped gradients exportable as PNG, SVG or CSS for web use.

Plain-language glossary of AI interface and model terminology aimed at designers and design engineers.

Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules.

Automated design review for AI-generated code, flagging accessibility and visual-quality issues in pull requests.

Collection of 33 free, single-purpose generative design tools for patterns, backgrounds, posters and textures — all run in-browser with no accounts or uploads.

MCP server giving agents six design-lookup tools: UI inspiration galleries, component code, shaders and motion, plus scraping a site's type and palette.

Agent skill teaching motion design judgement — timing, easing, choreography and Disney's 12 principles adapted for UI — independent of any animation library.

Agent skill for picking CJK typefaces: licence-tiered commercial-safe font list, scene-by-mood selection matrix, and CJK–Latin pairing rules.

Design-engineering channel covering UI redesigns, three.js, GSAP and interface critique with strong visual production.

Frank Chimero's book on craft, storytelling and the why of design work, readable free chapter by chapter.

Free interactive book teaching graphic design fundamentals — colour, shape, typography, grids — through executable code examples.

Browser extension giving design-tool style handles on any live page for spacing, typography, alignment and element inspection.

Curated collection of full-screen designer-made background patterns, downloadable and usable as CSS backgrounds.

Generator producing the soft multi-stop mesh gradients popularised by AI product marketing sites, exportable as CSS.

Design-judgment skill that teaches an agent refined visual principles so its UI output stops defaulting to generic templates.

Browser UI design tool built by one designer around collaborative editing and fast rendering, with European data hosting.

Firefox-based browser with split views, workspaces, a compact sidebar and heavy attention to visual calm.