designer_with_taste

Apply a 212-principle design philosophy to UI tasks with frontmatter metadata.

Updated Dec 14, 2025
One-click install
npx skills add https://github.com/toobutta/maptelli --skill designer-with-taste
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designer_with_taste
Source: https://github.com/toobutta/maptelli/tree/main/.claude/skills/designer-with-taste
Command: npx skills add https://github.com/toobutta/maptelli --skill designer-with-taste

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Visual interfaces often suffer from inconsistent polish and wandering design decisions. Designer With Taste provides a comprehensive design philosophy distilled from 212 real-world design principle sets to guide aesthetic cohesion across apps, dashboards, and AI interfaces.

Core Features & Use Cases

  • Reference-guided design: follow established pillars and use the included references to ensure consistent language, typography, color, and interaction patterns.
  • Token-driven design system: leverage the provided tokens.css and templates to start from a solid, scalable design foundation.
  • Real-world applicability: suitable for mobile apps, data dashboards, admin panels, and data visualizations where aesthetics and usability matter.

Quick Start

Provide a UI draft and ask me to apply the 12 design pillars, referencing the included materials for polish.

Frequently Asked Questions about designer_with_taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply a consistent design philosophy to my UI design drafts?

You can polish UI design by providing a draft to be evaluated against 12 core design pillars distilled from 212 real-world principle sets, using included references and tokens to ensure consistent aesthetic cohesion across mobile apps, dashboards, and AI interfaces.

What is the best way to establish a scalable design system for dashboards and data visualization?

Establishing a scalable design system is achieved by leveraging a token-driven foundation using provided tokens.css and templates, applying structured metadata contracts to maintain consistent language, typography, and color across data visualization interfaces.

Can I use this approach to improve accessibility and typography in mobile apps?

Yes, this approach improves accessibility and typography in mobile apps by following established reference pillars that guide specific aesthetic and interaction patterns, ensuring real-world taste and usability standards are met.

Does this UI design method work for admin panels and AI interfaces?

Yes, this UI design method works for admin panels and AI interfaces by applying a comprehensive design philosophy that enforces structural frontmatter-driven metadata and leverages included templates to ensure consistent taste across complex data layouts.

Why does my visual interface suffer from inconsistent polish and wandering design decisions?

Visual interfaces suffer from inconsistent polish due to a lack of a unified design philosophy. Applying 12 real-world design pillars resolves wandering decisions by enforcing aesthetic cohesion through reference-guided design and token-driven systems.

What references do I need to read before designing data visualization interfaces?

Before designing data visualization interfaces, read the provided references and tokens to understand the 12 design pillars, ensuring your visual language, color choices, and interaction patterns align with the established aesthetic cohesion framework.