Discover gists

Building a Design System with Claude — A Practical Guide

Context: I'm a web professional with 20+ years in front-end, back-end, SEO, branding, content strategy and design. I've been using Claude (Opus 4.6 specifically) to build a complete website rebuild — design system, component library, page prototypes — without Figma. This is what I've learned about making it work well.

The Short Version

You don't need one magic prompt. You need a system — a set of documents that accumulate decisions over time, which Claude reads at the start of every session. The prompt that kicks off the design system is important, but the documents that constrain it afterwards are what make it actually work.

Complete Recent Discord Quest

Note

This does not works in browser for quests which require you to play a game! Use the desktop app to complete those.

How to use this script:

Accept a quest under the Quests tab
Press Ctrl+Shift+I to open DevTools
Go to the Console tab
Paste the following code and hit enter:

connectivityd

Surge Module that automatically switches policy groups when your network location changes — so you don't have to.

Designed for people who travel or live abroad while maintaining a local proxy / home server (e.g. via Surge Ponte), and need domestic traffic to route through home when away.

How it works

When a network change is detected (Wi-Fi / Cellular switch, Airplane Mode toggle), the script checks your exit IP against your home country. It then sets your policy groups to either Home or Abroad mode:

Using git-submodules to version-control Vim plugins

If you work across many computers (and even otherwise!), it's a good idea to keep a copy of your setup on the cloud, preferably in a git repository, and clone it on another machine when you need. Thus, you should keep the .vim directory along with your .vimrc version-controlled.

But when you have plugins installed inside .vim/bundle (if you use pathogen), or inside .vim/pack (if you use Vim 8's packages), keeping a copy where you want to be able to update the plugins (individual git repositories), as well as your vim-configuration as a whole, requires you to use git submodules.

Creating the repository

Initialize a git repository inside your .vim directory, add everything (including the vimrc), commit and push to a GitHub/BitBucket/GitLab repository:

cd ~/.vim

Ultralight Orchestration

A minimal multi-agent system with an orchestrator, a planner, a coder, and a designer working together providing orchestration between Claude, Codex and Gemini.

Instructions

Install all agents listed below into VS Code Insiders...

Title	Type	Description

5 React Architecture Best Practices
A plugin system is born... · React Static
Applying microservices design patterns to scale react app development • Soluto Engineering Blog
Architecting your React application.
Best architecture for the React project - Mad Devs
Build a Super-Modular Todo App with React and Bit Components
[Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-ap

Self-Improving Claude Code: A Bootstrap Seed

The Hypothesis

A single prompt (~1400 tokens), placed in a project's .claude/CLAUDE.md, can bootstrap a Claude Code instance into a self-improving system — one that captures learnings, extracts patterns, evolves its own configuration, and gets meaningfully better at helping its user with each session.

No pre-built infrastructure required. No user-level config. No hooks, skills, templates, or elaborate folder hierarchies. Just a seed and the affordances Claude Code already provides.

	Windows 7 Ultimate Retail Offline Activation Key

	BR6G7-729GM-DQDQW-F9M4P-MM2JX
	J6XG4-8JFTF-43CHH-8Q2VW-KHQH6
	YQMCM-3W6TK-YXP66-GKCJV-PX7PH

	[Tested working on 18 June 2013]

	=================================================================================
	Windows 7 Pro / Enterprise Online Activation MAK Key

	body{
	margin:0;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#121212;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	}

	"""
	The most atomic way to train and run inference for a GPT in pure, dependency-free Python.
	This file is the complete algorithm.
	Everything else is just efficiency.

	@karpathy
	"""

	import os # os.path.exists
	import math # math.log, math.exp