Design With Taste
This encodes the design philosophy from Family (the product Benji Taylor documented at benji.org/family-values) into something Claude can follow when building UIs. It's built around three principles: Simplicity (progressive disclosure, one action per view, varying tray heights), Fluidity (everything animates with spatial logic, includes torph for text morphing, uses that specific cubic-bezier easing), and Delight (the less frequent the feature, the more theatrical it should feel). Honestly feels like having a design system reviewer sitting next to you while you code. Use it whenever you're building any frontend and want it to feel intentional instead of like you dumped a component library on a page and called it done.
- skills.sh installs
- 770
- GitHub stars
- 13
- last updated
- Jul 14, 2026
Install
$ npx -y skills add cristicretu/family-taste-skill --skill design-with-taste --agent claude-codeInstalls into .claude/skills of the current project.
Files
Design with Taste
This skill encodes the design philosophy behind Family — a product widely praised for feeling alive, welcoming, and intentional. Originally documented by Benji Taylor at benji.org/family-values.
Read this before writing any UI code. Every time.
The user wants something built. Your job is to make it feel like a human who gives a shit designed it.
The Three Pillars
Ordered by priority. You cannot have Delight without Fluidity, and you cannot have Fluidity without Simplicity.
1. Simplicity — Gradual Revelation
"Each action by the user makes the interface unfold and evolve, much like walking through a series of interconnected rooms."
The problem: Most UIs dump everything at once — every feature, every option, every edge case, all visible, all the time. This transfers cognitive burden from the designer to the user.
The principle: Show only what matters right now. The interface should feel like walking through rooms — you glimpse what's next before you arrive.
Rules:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/cristicretu/family-taste-skill
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
Recommended
More Design & UI/UX
figma-designmanutej/luxor-claude-marketplaceFigma workflows, components, auto layout, constraints, prototyping, design systems, and plugin development based on Figma Plugin API documentation544skills.sh installs
figma-design-to-codeecomfe/tempad-devImplement or update project-consistent UI code from a Figma selection or nodeId using TemPad Dev MCP. Use when the user wants visible Figma UI recreated, ported377skills.sh installs
ux-design-systemshoodini/ai-agents-skillsBuild consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems,270skills.sh installs
rails-design-systempproenca/dot-skillsRuby on Rails design system guidelines for building consistent, maintainable UI with minimal abstraction. This skill should be used when creating or refactoring270skills.sh installs
seedance-motion-design-adbeshuaxian/higgsfield-seedance2-jineng为软件和技术公司使用 Seedance 2.0（Higgsfield）生成运动设计广告视频提示。在用户想要创建软件产品广告、SaaS推广、应用启动视频、技术演示、UI展示、启动视频或技术公司的运动图形时使用。触发条件：软件广告、SaaS视频、产品发布、应用推广、技术商业广告、UI动画、运动设计广告、启动视频、产品演示视268skills.sh installs