·design-with-taste
*

design-with-taste

Apply the "Family Values" design philosophy to every UI you build. Use this skill whenever creating frontends, components, apps, landing pages, dashboards, or any user-facing interface. Enforces three core principles — Simplicity (gradual revelation), Fluidity (seamless transitions), and Delight (selective emphasis) — so that every output feels crafted, intentional, and alive. Prevents generic, static, lifeless UI. Works alongside other skills like frontend-design, web-animation-design, etc.

139Installs·4Trend·@cristicretu

Installation

$npx skills add https://github.com/cristicretu/family-taste-skill --skill design-with-taste

How to Install design-with-taste

Quickly install design-with-taste AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/cristicretu/family-taste-skill --skill design-with-taste
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: cristicretu/family-taste-skill.

SKILL.md

View raw

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.

The user wants something built. Your job is to make it feel like a human who gives a shit designed it.

Ordered by priority. You cannot have Delight without Fluidity, and you cannot have Fluidity without Simplicity.

Apply the "Family Values" design philosophy to every UI you build. Use this skill whenever creating frontends, components, apps, landing pages, dashboards, or any user-facing interface. Enforces three core principles — Simplicity (gradual revelation), Fluidity (seamless transitions), and Delight (selective emphasis) — so that every output feels crafted, intentional, and alive. Prevents generic, static, lifeless UI. Works alongside other skills like frontend-design, web-animation-design, etc. Source: cristicretu/family-taste-skill.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/cristicretu/family-taste-skill --skill design-with-taste
Category
*Creative Media
Verified
First Seen
2026-02-19
Updated
2026-03-10

Browse more skills from cristicretu/family-taste-skill

Quick answers

What is design-with-taste?

Apply the "Family Values" design philosophy to every UI you build. Use this skill whenever creating frontends, components, apps, landing pages, dashboards, or any user-facing interface. Enforces three core principles — Simplicity (gradual revelation), Fluidity (seamless transitions), and Delight (selective emphasis) — so that every output feels crafted, intentional, and alive. Prevents generic, static, lifeless UI. Works alongside other skills like frontend-design, web-animation-design, etc. Source: cristicretu/family-taste-skill.

How do I install design-with-taste?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/cristicretu/family-taste-skill --skill design-with-taste Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/cristicretu/family-taste-skill

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-19

Related Skills

None