Advertisement · 728 × 90

Posts by denis

code:

@theme
inline {
--border-width-hairline: var(--theme-border-width-hairline);
}

:root {
--theme-border-width-hairline: 1px;
}

@media
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
:root {
--theme-border-width-hairline: 0.5px;
}
}

2 months ago 0 0 0 0
Post image

you can use a simple @tailwindcss.com utility to get a crisp 0.5px hairline border on retina displays

works with `border-hairline`, `border-t-hairline` and `divide-x-hairline`

(copy-paste code in comments)

#ui #tailwind #designengineer

2 months ago 1 0 2 0
Preview
ezBun — easy Bun sandboxes Make running Bun sandboxes easy. ezbun is a CLI tool that scans your project for scripts and provides an interactive menu to run them. It also includes built-in environment variable validation and typ...

i write a lot of tiny scripts with @bun.sh so i made a CLI to make it easier

no more `bun src/some-script --watch`
just `bun dev` and pick a script from an interactive menu

env validation included

If you prototype a lot with Bun you might like it ezbun.vercel.app

3 months ago 1 0 0 0
A visual comparison of two JSON output formats for improving UI responsiveness in an AI prompt system. The left side shows the output format with "response" first, followed by "emoji" and "title", leading to slightly faster response time ("User gets answer a few ms faster"). The right side shows the same data fields reordered with "emoji" and "title" first, followed by "response", which allows the UI to be clear immediately with no pending state ("UI is clear from start with no pending state"). The heading at the top reads, "Improve your UI with the better order in prompt."

A visual comparison of two JSON output formats for improving UI responsiveness in an AI prompt system. The left side shows the output format with "response" first, followed by "emoji" and "title", leading to slightly faster response time ("User gets answer a few ms faster"). The right side shows the same data fields reordered with "emoji" and "title" first, followed by "response", which allows the UI to be clear immediately with no pending state ("UI is clear from start with no pending state"). The heading at the top reads, "Improve your UI with the better order in prompt."

#prompt design tip:

put short ui data (like title, icon etc) before the long response in your output schema.

you get instant context → feels snappy.
otherwise your ui looks frozen while waiting for the big chunk.

#PromptEngineering

9 months ago 2 0 0 0
User interface of an AI trading workflow builder styled like macOS. A visual flow shows steps including data lookup from Coingecko, formatting fields like Symbol and Market Cap, and a conditional If/Else block checking if market cap is over $100B. Example output shows Bitcoin data.

User interface of an AI trading workflow builder styled like macOS. A visual flow shows steps including data lookup from Coingecko, formatting fields like Symbol and Market Cap, and a conditional If/Else block checking if market cap is over $100B. Example output shows Bitcoin data.

Concept #design for an AI-powered workflow – this one runs a fully automated crypto trading strategy.

Pulls data from @coingecko.com, formats and filters it, and makes decisions based on market cap.

Feels like Shortcuts app finally got an #AI brain 🧠

9 months ago 1 0 0 0
Post image
10 months ago 0 0 0 0
User interface of an AI chat app concept titled 'Air chat', styled in the macOS design language. A sidebar shows folders and documents like 'Conquer the world plan' and 'Questions for an AI Chat'. A context menu with options like Edit, Pin, Tag, and Delete is visible.

User interface of an AI chat app concept titled 'Air chat', styled in the macOS design language. A sidebar shows folders and documents like 'Conquer the world plan' and 'Questions for an AI Chat'. A context menu with options like Edit, Pin, Tag, and Delete is visible.

Lower section of the same AI chat app concept. Displays recent documents like 'Todo list for a Todo app' and 'TypeScript without types'. The interface includes a 'Thrash' section with 69 documents, three filter buttons (Some, Quick, Actions), and a user profile labeled 'Shutock' with an 'Ultra' badge.

Lower section of the same AI chat app concept. Displays recent documents like 'Todo list for a Todo app' and 'TypeScript without types'. The interface includes a 'Thrash' section with 69 documents, three filter buttons (Some, Quick, Actions), and a user profile labeled 'Shutock' with an 'Ultra' badge.

Concept design for an AI chat app — deeply inspired by the latest #MacOS from #WWDC2025.

Subtle translucency, native-feeling motion. Local-first and private by default.

Still not sure why chat groups with emoji icons aren’t already a thing.

10 months ago 1 1 1 0

flutter is dead now. thanks to #LiquidGlass

10 months ago 0 0 0 0
Simple card design with dummy text:
"Lorem – Ipsum dolor sit
Quis ullamcorper amet morbi feugiat ac nisl ut cras."

Simple card design with dummy text: "Lorem – Ipsum dolor sit Quis ullamcorper amet morbi feugiat ac nisl ut cras."

love this card design lately. looks like a default card but the double border kinda makes it feel like an iphone screen or something #ui #design #uidesign

1 year ago 0 0 0 0

happy bday guys <3

1 year ago 1 0 0 0
Advertisement

people be like "yeah how that feel elon" but bro he wont and he will not sell #TSLA. some of the guys just like you sold at the bottom and lost money. not elon

1 year ago 1 0 0 0

chromium devs spent decades making the fastest possible way to render docs on literally any device. why are you guys buying $3k macbooks to make slower, jankier alternatives

1 year ago 0 0 0 0

#oscar won:
green book – its just cause the academy has special feelings for black men
parasite – and non-american cinema
nomadland – and women directors
coda – and disability
everything everywhere all at once – and indie
oppenheimer – and big-budget dramas
anora – and little women and russians

1 year ago 1 0 0 0
Preview
GitHub - shutock/twurbun: A Turborepo template with a shared Tailwind v4 config, Biome for linting & formatting, and Bun for blazing-fast package management. A Turborepo template with a shared Tailwind v4 config, Biome for linting & formatting, and Bun for blazing-fast package management. - shutock/twurbun

built a @turbo.build template with a shared @tailwindcss.com v4 config, @biomejs.dev for linting & formatting, and powered by @bun.sh

Check it out: github.com/shutock/twur...

1 year ago 10 1 0 0

remember these days when material design was the gold standard? those cards shadows and ripple effects felt like the future. wild how far weve come since then

1 year ago 1 0 0 0

this might become a new trend: forcing openai or other llms to use your api for responses. for example, if you run a node, you could make the ai fetch on-chain data directly from your api. feels like a huge b2b case

1 year ago 0 0 0 0

in the ai era you just have to be human

1 year ago 1 0 0 0