Jakub KrehelPoint it at a page and an effect, such as "how is the gradient on interfere.com built?", and get the actual technique back.
In the author’s words
Helps you figure out how something was built on the web.
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 126 lines
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/jakubkrehel/skills --skill explain-interfaceTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Last updated 17 days ago, passed
- Checked automatically and confirmed.
- Credited to Jakub Krehel, passed
Goes well with
emil-design-eng
The design-engineering house style behind Sonner and Vaul.
Emil's main skill. Mostly animation, with the UI-polish and component judgement that surrounds it: what to build, how far to push it, and when to stop.
npx skills add https://github.com/emilkowalski/skills
prototype
Builds several genuinely different UI variants behind a live picker.
Flip through real implementations instead of arguing about descriptions, then promote the one that wins.
npx skills add https://github.com/emilkowalski/skills --skill prototype
apple-design
Apple's interface and motion principles, translated for the web.
Distilled from the WWDC design talks. Gesture-driven UI, spring physics, interruptible transitions, translucent materials, optical sizing and the restraint underneath all of it.
npx skills add https://github.com/emilkowalski/skills --skill apple-design
Emil Kowalski