Real World Metaphors

Name: Real World Metaphors
Author: dembrandt

Cards, drawers, carousels and other patterns borrowed from the physical world. Use when designing layout patterns, gestures or navigation paradigms.

Skill169 stars on dembrandt/dembrandt-skills · shared by 45 skills

Install

npx skills add dembrandt/dembrandt-skills --skill real-world-metaphors

Cards, drawers, carousels and other patterns borrowed from the physical world. Use when designing layout patterns, gestures or navigation paradigms.

Loading States And Perceived Performance
Spinners, skeletons and staggered reveals that manage wait times. Use when designing loading states, async data or the feel of a slow interface.
Skill
174· repoGitHub stars for dembrandt/dembrandt-skills, shared by the 45 skills listed from this repo
Shadcn Ui
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
Skill
104.2k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo
After Hours Editorial Template
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads.
Skill
101.1k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo