AI Resources

Design

Impeccable

Ask an AI to build a website and you get the same one every time: pale headline, rainbow text, three identical boxes. This teaches it what good design looks like.

Read entry Workflow

Superpowers

Left alone, an AI assistant starts typing code immediately and guesses at the rest. This slows it down: it works out the design, writes a plan, and gets your approval first.

Read entry Workflow

Spec-Kit

Ask for feature after feature in one long chat and the AI forgets what you agreed at the start. Spec-Kit puts the requirements in a file, and that file becomes what it builds from.

Read entry Connections

Chrome DevTools MCP

An AI that cannot see your page will tell you it fixed something it never looked at. This connects it to a real Chrome browser, so it can open the page and check its own work.

Read entry Connections

Context7

An AI only knows the software that existed when it was trained, so it writes code for versions that have since changed. This fetches the current documentation while it works.

Read entry Coding

Repomix

Most AI chat windows cannot open your project folder. Repomix squashes the whole thing into a single file you can paste in, skipping the clutter and stripping anything like a password.

Read entry Connections

Agent-Reach

Ask an AI to read a tweet or a Reddit thread and it often simply cannot, because those sites block it. Agent-Reach finds a route that still works for each one and sets it up for you.

Read entry Knowledge

LLM Wiki

Most setups make an AI re-read all your documents for every question and remember none of it. This has it keep a growing set of notes instead, linking new material to old.

Read entry Writing

Humanizer

AI prose has a tell: long dashes everywhere, the it is not this, it is that construction, bold on every other phrase. This strips out 33 documented habits and can learn your voice.

Read entry Design

Figma MCP

Hand an AI a screenshot of a design and it guesses the spacing and invents the colors. This connects it to the real Figma file, so it reads the actual values. It can write back too.

Read entry Knowledge

Obsidian Skills

Obsidian keeps your notes as plain files on your own computer. This teaches an AI assistant to read and write them properly: the links between notes, the canvases, the tables.

Read entry Workflow

Ralph Loop

Some jobs do not come right first time. This restarts Claude on the same task over and over, letting it read what it already tried, until it passes your check or runs out of attempts.

Read entry Connections

Watch

Watch does not stream a whole video into Claude. It checks captions, selects still images from different moments and pairs both with time labels. The default keeps up to 100 images, so events between them can be missed.

Read entry Coding

Codex for Claude Code

A second opinion from a rival company's assistant, without leaving the window you are in. Ask OpenAI's Codex to check what Claude just built, or hand over a job and let it work in the background.

Read entry Design

Apple Design

Assistants pick motion that feels slightly wrong: movement that rushes when it should settle, animations you cannot stop halfway. This hands over Apple's own principles, taken from their design talks.

Read entry Workflow

Notchi

A small character lives in your MacBook's notch and reacts while Claude Code works: thinking, waiting for permission, finished. Only for Macs that have a notch.

Read entry Coding

OmniRoute

Hit your usage limit mid-task and everything stops. OmniRoute sits between your AI tool and hundreds of models, and when the one you are on runs dry it switches to another and carries on.

Read entry Knowledge

Claude Mem

Close the window and your assistant forgets the lot. Claude Mem records what happened while you worked, condenses it, and feeds the relevant parts back the next time you sit down.

Read entry Coding

Headroom

Much of what an assistant reads is bulk: logs, command output, long files of data. Headroom squeezes that down before it is sent, which the project measures at 20 percent fewer tokens on coding work.

Read entry Workflow

Claude Code Setup

Claude Code can be extended about five different ways, which is five ways to not know where to begin. This reads your project and names the one or two worth adding in each.

Read entry Workflow

Task Observer

For when you have written a few skills of your own, the saved instructions an assistant loads for a job. This notices the corrections you keep making and turns them into suggested improvements.

Read entry Connections

Playwright CLI

Browser control for coding assistants, given as short typed commands. It uses far less of the assistant's limited working memory, leaving room for your actual code.

Read entry Connections

Supabase Plugin

For apps built on Supabase, a popular service that stores an app's data. This connects your assistant to the real project, so it works with what is actually there instead of guessing.

Read entry Coding

Strix

Runs an assistant against an application you own, looking for real weaknesses rather than listing theoretical ones, then helps you close what it finds.

Read entry Design

Skill UI

Reads a website or a project and writes down its colours, fonts, spacing and reusable pieces in a form Claude Code picks up on its own, so what it builds matches instead of drifting.

Read entry Workflow

Autoresearch

Give an AI agent one small language model and one score to improve. It edits the training code, runs five-minute experiments, keeps what works, and records the rest while you sleep.

Read entry Workflow

Agent Skills

Adds 24 step-by-step work routines to an AI that works on your project files, from defining an idea to testing and publishing it. Browse first, then install what you need.

Read entry Design

Higgsfield CLI

Describe the picture or the clip you want and it arrives as a file on your computer, with no website or design app in between. It can send that description to about fifty different AI generators, covering images, video, 3D objects and sound, and each run spends credits from a paid Higgsfield account.

Read entry Design

Taste Skill

Ask an assistant for a front page and you tend to get the same one back: a centred headline, three cards, a colour-fade background. This is a pack of thirteen written instruction sets that push it toward deliberate choices instead, including named looks such as minimalist and brutalist that you can ask for by name.

Read entry Design

21st MCP

Describe the piece you want, a pricing table, a sidebar, a date picker, and it writes the code straight into your project. It searches a public catalogue first, so what arrives is usually a component someone actually shipped rather than one invented on the spot. The free plan covers a hundred credits a month.

Read entry Design

Web Design Guidelines

Point it at the screen you just built and it reads your code against Vercel's Web Interface Guidelines, then tells you what is wrong and the exact line it is on. It covers the things that are quietly easy to skip: keyboard access, focus states (the visible outline showing which button the keyboard is sitting on), colour contrast, and how forms behave when they fail.

Read entry Design

Image to Code

Rather than writing code straight from your description, it generates the design as an image first, studies its own picture for spacing, type and colour, then writes the HTML and CSS, the code a web page is built from, to match it. Despite the name, you do not hand it a screenshot: it makes the picture itself.

Read entry Design

Awesome DESIGN.md

Seventy-three design systems taken from real websites, each written out as one plain file an AI can read: the colours, the type scale, the spacing, the components, what to do and what to avoid. Copy one file into your project and tell your assistant to work to it.

Read entry Design

Screenshot to Code

Drop in a screenshot, a mockup or even a screen recording, and it writes the HTML and CSS that reproduces it. You pick what it writes in: plain HTML with Tailwind, React, Vue or Bootstrap. Seventy-four thousand people have starred it, which for a repository is roughly a review score.

Read entry Design

Remotion Skills

Remotion makes videos by writing React code instead of dragging clips on a timeline, which is how you get a video that rebuilds itself when the data changes. This is the official pack of twelve skills that teaches an assistant how to do it properly: how to animate, how to add captions, how to render, how to upgrade.

Read entry Workflow

Claude Plugin Directory

Anthropic's own directory of Claude Code plugins, close to three hundred of them. Instead of hunting through other people's recommendations, you search one maintained list, read what each does, and install it with a single line. Several entries in this log live in here.

Read entry Connections

Telegram

Pair a Telegram bot with your session and you can hand Claude Code work from your phone. It answers in the chat, and it only listens to people you have put on a list, so a message from a stranger goes nowhere.

Read entry Connections

Discord

The same bridge as the Telegram one, for Discord instead. Make a bot, invite it to a server you are already in, and you can pass Claude Code work from a channel or a direct message, with a list controlling who may ask.

Read entry Connections

Linear

Linear is the issue tracker a lot of software teams run on. This connects your assistant to your workspace, so it can open issues, move them along, update a project and search the lot without you leaving what you were doing.

Read entry Knowledge

OKF Graph Wiki

The LLM Wiki idea works until the pile gets big, then the assistant has to skim half of it to answer one question. This adds structure to each page and a small local index, so it can fetch the handful of pages that actually answer you.

Read entry Connections

Notion Plugin for Claude Code

Claude Code cannot read your Notion workspace on its own. This official plugin from Notion adds a secure connection, four saved instruction packs and ten slash commands for searching, writing and turning pages into tasks.

Read entry