Express services

Everything in the toolkit

Learn & grow

Courses and teachers worth the time.

Principles for Knowing When to Stop Designing

Principles.design

This article lists seven signs that a design is done. Each sign describes a situation, like changing something with no evidence of a problem, or fixing edge cases too early. You get a checklist to decide whether to keep working on a design or ship it.

Webflow University

Webflow University teaches you how to build websites in Webflow. It has short video lessons grouped into courses, plus articles and certifications. The lessons are free, and you make an account to track your progress.

LinkedIn Text Formatter

This tool adds bold, italic, underline, and strikethrough styling to LinkedIn post text. You type text in the box, pick a style, and copy the result into LinkedIn. It is free and needs no account.

Lapa Ninja

Lapa Ninja lists agent skills that help AI coding agents build interfaces. Each entry names the author and says what the skill does, covering animation, UI guidelines, design tokens, and React patterns. You browse it to find skills to install in your agent.

Craftwork

Craftwork sells design assets. You browse illustrations, UI kits, mockups, icons, fonts, 3D objects, and templates, then download the files. Some items are free and the rest cost money or need a Pro Access subscription.

A List Apart

This page sorts the site's articles into six topics: Code, Content, Design, Industry & Business, Process, and User Experience. Each topic links to sub-topics with article counts. You use it to find articles about web design and web development on a subject you pick.

Framer Academy

Framer Academy teaches you how to build websites in Framer. It has video lessons grouped into courses on layout, animation, the CMS, and vectors. The lessons are free to watch.

LinkedIn Text Formatter

This tool styles LinkedIn post text with bold, italic, underline, strikethrough, and other fonts. You paste your text, choose a style, and copy it back into LinkedIn. It is free to use.

Smithery

Smithery is a directory of more than 14,000 MCP servers. It hosts the servers and handles auth, credentials, and sessions for you. You use it to connect an AI agent to a tool without installing or configuring the server yourself.

coolshapes

coolshapes gives you more than 100 abstract shapes with grainy gradients. You download a shape as SVG or PNG, grab the Figma file, or install the React package. Everything is open source under the MIT license.

UX Tools

This page lists articles about design tools and design work, going back to 2020. Articles are tagged by topic such as Tools, Research, Techniques, and Collaboration. You read them to compare design tools and see how other designers set up their workflow.

Course List

W3C Web Accessibility Initiative

This page lists digital accessibility courses from many providers. You filter the list by level, format, language, and price to find a course. The list is free to browse, and the courses themselves have their own prices.

LinkedIn Text Formatter

This tool converts your text into styled characters for LinkedIn posts. You get bold, italic, underline, and other font styles that you copy and paste. It is free and needs no login or download.

Claude Context

Claude Context gives a coding agent semantic search over your whole codebase. It indexes your code into a vector database and returns only the relevant files for a question. You use it so the agent stops guessing which files to read on large repos.

Design Principles

Principles.design

Design Principles collects design principles that real companies and teams published. It holds over 1,600 principles from more than 200 examples, plus articles and a field guide. You read them to write principles for your own team.

Laws of UX

Laws of UX collects around 30 principles from psychology that apply to design. Each law has a short page with a description and practices to consider. You can use it to explain design choices to other people.

Jefferson Fisher

Jefferson Fisher

Jefferson Fisher teaches you how to handle difficult conversations, arguments, and boundaries. The site has a free podcast, a newsletter, and free phrase guides. It also sells a book, a workbook, and paid courses.

LinkedIn Text Formatter

This tool formats LinkedIn posts with bold, italic, underline, strikethrough, bullet points, numbered lists, and emojis. It shows a preview of the post as you edit. It is free and needs no signup.

Figma MCP Server Guide

This repo explains how to set up the Figma MCP server and use it well. It includes setup steps, best practices, and reusable skills for turning Figma designs into code. You read it before wiring Figma into your agent.

GSAP

GSAP is a JavaScript animation library for websites. You install it and write code to animate elements, scroll effects, SVG, and text. Webflow now pays for it, so all plugins are free.

Digital Psychology

Digital Psychology

This site explains psychological triggers that change what people do in an interface. It covers persuasion, timing, and pressure tactics, and says where each one crosses into eroding trust. You read it to name the mechanism behind a design pattern you are looking at.

Online Character Count Tool

CharacterCountOnline

This tool counts characters, words, sentences, and paragraphs in text you paste. It also shows how often each word appears and lets you exclude common words. It is free and needs no account.

Google Maps Platform Code Assist Toolkit

Google Maps Platform

This MCP server feeds an agent the official Google Maps Platform docs and code samples. The agent then writes Maps code against current APIs instead of outdated ones. You install it when you build anything with Google Maps.

Lapa Ninja

Lapa Ninja is a gallery of landing page screenshots, updated daily. You browse websites, books, tools, freebies, and templates for design ideas. Most of it is free and a Pro tier costs money.

Humane by Design

Humane by Design

This site lists design principles for digital well-being, such as Empowering, Finite, and Inclusive. It also has articles and a section of in-progress ideas tagged by theme. You read it to get patterns that give users more control over a product.

Headline Studio

Headline Studio scores your headlines and suggests better versions. You type a headline and it rates the wording, length, and word balance for blogs, email, video, and social posts. You need an account, and SEO and AI features cost money.

Cloud Run MCP server and Gemini CLI extension

Google Cloud Platform

Cloud Run MCP lets an AI coding agent deploy apps to Google Cloud Run. You install it as an MCP server. Then the agent can deploy services, list them, and read logs without you running commands.

Bookmarks.Design

Bookmarks.Design

Bookmarks.Design is a directory of links for designers. You pick a category like icons, illustrations, design systems, or prototyping and it lists sites in that category. The directory itself is free to use.

Claude Design: From Beginner to Pro in 15 Minutes

This is a recorded session where Hiten Shah uses Claude Design to make and change designs. He shows examples from building his own website and ends with five takeaways. You watch it to see the tool in use before trying it yourself.

Agent setup overview

This Netlify doc shows how to connect an AI agent to Netlify. It covers the one-command setup, the Netlify MCP server, and the agent skills for building and deploying. It links to a setup guide for each supported tool.

SVG Backgrounds

SVG Backgrounds

SVG Backgrounds has background patterns, shape dividers, icons, and illustrations as SVG files. You pick a graphic, change the colors, then copy the CSS or download the SVG or PNG. Some graphics are free with attribution and the Pro collections need an All Access purchase.

SmartBear MCP server

This MCP server connects an AI agent to SmartBear's testing and monitoring products. The agent can query test data, read error reports, and manage API definitions. You need API tokens for whichever SmartBear products you use.

Haikei

Haikei generates SVG background shapes. You pick a generator such as waves, blobs, or blurry gradients, adjust the settings, then download an SVG or PNG. It runs in the browser with no signup.

Unstructured API MCP Server

This MCP server lets an agent run document processing jobs on the Unstructured API. It manages sources, destinations, and workflows that turn files into structured data. The repo is deprecated and the maintainers point you to the Unstructured Transform MCP server instead.

Dribbble

Dribbble shows design work posted by designers. You browse shots by category, follow designers, and hire freelancers or agencies. Browsing is free and designers pay for a Pro account.

Webflow's MCP server

Webflow's MCP server lets an AI agent call the Webflow APIs. The agent can read and edit site content, CMS collections, and design data. You connect it with a Webflow account and an MCP client.

Magnific

Magnific is an AI platform for images, video, and audio, formerly called Freepik. You run models, upscale images, build node-based workflows, and share projects with a team. It also has an API, an MCP server, and plugins, and all plans cost money.

WebScraping.AI MCP Server

This MCP server gives an agent web scraping tools. It fetches HTML, extracts plain text, pulls structured fields, and answers questions about a page. It renders JavaScript and rotates proxies, and it needs a WebScraping.AI API key.

Simple Icons

Simple Icons holds more than 3,400 SVG icons for brand logos. You search a brand, copy its hex color, and download the SVG or install it as a package. It is a CC0 project maintained on GitHub.

NotebookLM REST API + MCP server

This tool automates Google NotebookLM through a REST API and an MCP server. An agent can add sources, ask questions with citations, and generate audio overviews, videos, reports, mind maps, and quizzes. It also rotates multiple Google accounts and re-authenticates on its own.

LogoKit

LogoKit is an API that returns company logos and brand data. You pass a domain name or a stock ticker, and it sends back the logo image. The free tier gives you 5,000 requests a day, and paid plans give you higher resolution and more requests.

Brandfetch

Brandfetch stores logos, colors, fonts, and descriptions for millions of companies. You search a brand name or a URL and download its assets, or you call the API to pull the same data into an app. Searching is free, and the API has paid tiers.

SVG Repo

SVG Repo holds over 500,000 open-licensed SVG icons and vectors. You search for a vector, edit its color in the browser, and download the SVG file. Most of the files can be used in commercial projects.

Font Awesome

Font Awesome is an icon library with over 60,000 icons in 30 styles. You search for an icon and add it to a page with a script tag, a CSS class, or a package import. About 2,000 icons are free, and a Pro subscription unlocks the rest.

Lucide

Lucide is a set of open source icons. You search for an icon, set its color, size, and stroke width, then copy it as SVG or as code. It is free to use in any project under the ISC license.

lucide-animated

lucide-animated

lucide-animated is a set of more than 460 Lucide icons rebuilt as animated React components. Each icon plays an animation on hover. You copy the component code or install it with the shadcn CLI, and it is free under the MIT license.

Web Awesome

Web Awesome is a library of more than 50 UI components built as web components. You drop them into any page with HTML and CSS, and they work with or without a framework. The core library is free, and a Pro plan adds more components and themes.

Navbar Gallery

Navbar Gallery collects screenshots of navigation bars from real websites. You filter them by type, such as dropdown, mega menu, sidebar, or breadcrumbs, and click through to the live site. Browsing is free.

Mobbin

Mobbin is a library of screenshots from real mobile and web apps. You browse full user flows and filter by app, screen type, and UI element. Some browsing is free and a paid plan unlocks the full library.

Material Design

Material Design is Google's design system. The site documents components, color, typography, shapes, and motion, and explains how to build each one. It is free, and it links to a Figma kit and to Android code libraries.

Human Interface Guidelines

The Human Interface Guidelines are Apple's design rules for its platforms. You read them to learn how components, layout, typography, and interaction patterns should work on each device. They are free to read.