Andrew Flett
I design and build products for organisations with a social purpose
Terminal
$claude
› Screenshot the messenger
isolate conversation thread
trim to 3 messages
replace names → dummy data
save docs/messenger.png
Updated MESSENGER.mdx
Claude Code
Capturing live UI compositions with Claude Code
skill.md
---
name: create-design-system
description: When asked to create design system
---
Create a robust design system with semantic tokens
## Colour Tokens
- `primary`, `secondary`...
Design Systems
A Claude Code skill for scaffolding design systems with semantic tokens
AI-Assisted Development
What AI-assisted development looks like for tight-budget organisations
dialog.html
<button commandfor="my-dialog" command="show-modal">
Open Dialog
</button>
<dialog id="my-dialog">
<p>Opened without Javascript!</p>
</dialog>
Web Platform