Meta tags:
description=I design, test, and guide the implementation of end-user programming tools.;

Headings (most frequently used words):

ai, ops, design, cole, lawrence, phosphor, forethink, story, artprompt, rethinking, project, development, advanced, privacy, first, personal, tool, text, engine, editor, internal, dev, tools, local, production, deployment, product, and, mvp, definition,

Text of the page (most frequently used words):
and (37), the (32), with (12), text (11), design (10), our (8), for (8), product (8), tools (7), this (7), dev (7), #phosphor (5), can (5), code (5), all (5), dashboard (5), tilt (5), through (5), see (4), using (4), technical (4), user (4), that (4), local (4), editor (4), engine (4), technology (4), story (3), forethink (3), font (3), app (3), quickly (3), different (3), part (3), themes (3), color (3), figma (3), tailwindcss (3), system (3), 2022 (3), generation (3), moving (3), work (3), landing (3), page (3), are (3), will (3), tooling (3), locally (3), production (3), development (3), helm (3), charts (3), was (3), programming (3), time (3), chief (3), officer (3), 2025 (3), rust (2), github (2), proof (2), within (2), how (2), legibility (2), tokens (2), combination (2), hosted (2), styles (2), typography (2), between (2), classes (2), both (2), component (2), codebase (2), ops (2), mvp (2), focus (2), one (2), simplicity (2), easy (2), demonstrate (2), more (2), high (2), experience (2), implementation (2), via (2), links (2), making (2), buttons (2), docker (2), use (2), simple (2), environment (2), infrastructure (2), able (2), first (2), could (2), deployment (2), prosemirror (2), debugger (2), rich (2), type (2), end (2), architecture (2), 2020 (2), 2023 (2), cole (2), lawrence (2), colelawrence, com, acc, rio, nyc, east, coast, mastodon, bluesky, linkedin, sheet, demo, lives, metric, settings, affect, being, affords, check, under, various, fallback, fonts, changing, sets, generated, remotely, custom, plugins, material, maintain, consistent, files, allow, experiment, palettes, screens, progress, replace, base, family, size, precisely, control, correct, letter, spacing, programmatically, called, dynamic, metrics, example, looks, like, instead, october, art, initial, person, demonstration, interactivity, thing, love, about, its, relatively, explain, side, little, than, crud, focusing, quality, flexible, has, made, joy, unlike, where, took, months, implement, core, functionality, due, number, interconnected, parts, lack, precedence, minimal, viable, scoping, definition, sole, founder, artprompt, along, pgadmin, postgraphile, playground, these, accessible, stop, shop, managing, helping, contributors, find, services, runtime, graphiql, images, containers, allowing, specialized, might, harder, operating, systems, navigating, k8s, pod, logs, formatted, entire, platform, launched, developer, setup, believe, everything, done, should, mirror, closely, possible, why, invested, putting, together, concept, had, writing, but, over, course, weekend, following, week, worked, documentation, handed, off, ownership, director, engineering, later, set, infra, actions, gcp, same, templated, used, schema, positioning, borrowed, from, ecosystem, url, feature, flag, customizer, allows, personalized, embeds, demos, presentations, investors, tech, talks, entity, components, while, surface, plus, grammar, correction, value, checking, actually, huge, amount, complexity, many, pieces, ease, troubleshooting, incorporated, designed, several, which, accessed, central, editing, internal, novel, nlp, semi, structural, textual, language, uniquely, challenging, throughout, company, life, span, there, were, other, products, quite, achieved, vision, usability, testing, head, full, owner, designer, 2021, stor, browser, extension, integrated, into, hedge, funds, confidentiality, needs, data, stored, processed, device, servers, completely, stateless, zero, retention, evolution, advanced, privacy, personal, tool, uses, identify, develop, finance, opportunities, early, complex, markets, clean, energy, real, estate, specifically, pre, financing, phase, improve, decision, rethinking, project, founding, interim, present, currently, building, test, guide, collaboration,

Text of the page (random words):
cole lawrence cole lawrence currently building phosphor i design test and guide the implementation of end user programming and collaboration tools phosphor 2025 06 founding chief technology officer through present 2023 12 interim chief technology officer through 2025 06 rethinking project development phosphor uses technology to identify develop and finance opportunities early in complex markets clean energy real estate and infrastructure we focus specifically on the pre financing phase to improve decision making see the phosphor landing page forethink 2023 11 chief technology officer through 2025 06 advanced privacy first personal ai tool ai architecture tooling and evolution of a browser extension integrated into hedge funds with high confidentiality needs all data is stored and processed on the user s device our servers are completely stateless zero retention see the forethink ai landing page stor y ai 2021 01 head of product through 2022 01 2020 03 full time product owner 2020 01 part time product designer text engine editor ux design usability testing and technical architecture for novel nlp text engine and type system for a semi structural textual programming language this design was uniquely challenging as at the time of design and throughout the company s life span there were no other products that quite achieved this vision of end user programming internal dev tools while simple on the surface the combination of a rich text editor plus a text engine with grammar correction and value type checking is actually a huge amount of technical complexity with many moving pieces for ease of troubleshooting we incorporated and designed several dev tools which could be accessed via our central editing ui text engine entity component system components debugger url feature flag customizer allows for personalized editor embeds and demos for presentations to investors and in tech talks rich text editor prosemirror schema and positioning debugger borrowed from the prosemirror ecosystem local production deployment ops local developer environment setup and tooling infrastructure i believe that everything done locally should be able to mirror production as closely as possible that is why i invested in putting together a proof of concept local development environment with tilt dev helm charts this was the first experience i had with writing helm charts but i was able to demonstrate how this could work over the course of a weekend the following week i worked on documentation and handed off code ownership to our director of engineering will will later set up our production deployment infra with github actions gcp using the same templated helm charts as we used in local development tilt dev dashboard for both navigating k8s pod logs locally formatted links and code generation buttons this dashboard and the entire platform can be launched locally with a simple tilt up tilt dev dashboard code generation buttons will go through docker images so dev tooling can all work within docker containers allowing us to use more specialized tools that might be harder to use in all operating systems runtime graphiql along with pgadmin and a postgraphile playground are hosted as part of the tilt dev dashboard all these tools are accessible via links in the dashboard making it a one stop shop for managing the codebase and helping contributors find all the services see the story ai landing page artprompt 2022 08 sole founder product design and mvp definition product design and minimal viable product scoping for an art generation app with an initial focus on in person demonstration and interactivity one thing i love about this product is its simplicity it s relatively easy to explain and demonstrate and the technical side is little more than crud so moving quickly and focusing on a high quality user experience and a flexible technical implementation is easy this simplicity has made the product a joy to work on unlike story ai where it took months to design and implement core functionality due to the number of interconnected moving parts and lack of precedence october 2022 mvp design ops we re using a combination of remotely hosted figma tokens custom tailwindcss plugins and the material design 3 color tools to maintain consistent styles and typography between code and design files our tools allow us to experiment quickly with different color palettes and themes between different screens in progress the typography styles replace the base tailwindcss text classes with classes of both the font family and font size so we can precisely control the correct letter spacing programmatically using a system called dynamic metrics so an example of a tailwindcss component in our codebase looks like text ui sm instead of text ui and text sm changing themes and color sets in figma using code generated figma tokens the font proof sheet demo lives within the app so we can quickly see how different metric settings can affect the legibility of our text being a part of the app affords us to check our legibility under various themes and with fallback fonts linkedin bluesky github mastodon 𝕏 rust east coast rust nyc e acc rio forethink ai phosphor co story ai colelawrence com