design-experience-distiller

Extract reusable design experience rules from UI audit reports into memory entries.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/iilleagl/Design2Code --skill design-experience-distiller
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-experience-distiller
Source: https://github.com/iilleagl/Design2Code/tree/main/.cursor/skills/design-experience-distiller
Command: npx skills add https://github.com/iilleagl/Design2Code --skill design-experience-distiller

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

从 UI 设计审查报告中提炼失败模式,转化为可复用的设计经验规则,便于记忆和设计任务自动化参考。

Core Features & Use Cases

  • 从审查报告中提取失败信息并归类为组件复用、布局质量、交互完整性等三大类
  • 将每条经验规则格式化为可复用的记忆条目,存放在 memory/ 目录供后续设计任务使用
  • 支持将设计错误和用户反馈转化为可执行的改进规则,提升设计质量与一致性

Quick Start

运行设计经验提炼器以从当前审查报告中提取失败模式,并将可复用的设计规则保存到 memory/。

Frequently Asked Questions about design-experience-distiller

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

FAQPage Schema
How do I turn UI audit reports into reusable design rules?

To turn UI audit reports into reusable design rules, you run a distillation process that extracts failure patterns and saves them as memory entries. This process categorizes errors into component reuse, layout quality, and interaction integrity for future reference.

What is the best way to store extracted design experience rules for future tasks?

The best way to store design experience rules is to format them as reusable memory entries within a memory directory. This allows subsequent design tasks to reference previously distilled rules and user feedback to maintain consistency.

How do I extract failure patterns from UI design audit feedback?

You extract failure patterns from UI design audit feedback by processing the reports through an experience distiller. It identifies design errors and user feedback, transforming them into actionable improvement rules formatted for memory storage.

Does the design experience distiller require a SKILL.md file to work?

Yes, the design experience distiller requires a SKILL.md file containing a name and description to function. This file is necessary to properly process UI audit reports and store the distilled rules under the memory directory.

Can I use UI audit agent outputs to generate memory entries automatically?

Yes, you can use UI audit agent outputs to generate memory entries automatically. The distiller applies to outputs from UI audit agents like component auditors and layout auditors, extracting reusable design experience rules from their reports.

What categories do design errors fall into when extracting reusable rules?

When extracting reusable rules from audit reports, design errors fall into three main categories: component reuse, layout quality, and interaction integrity. This classification helps structure the memory entries for better design task automation.