What happens during a 'Crit Loop'?

The skill generates multiple design options (Diverge phase), collects feedback, and then refines those options into a final selection (Converge phase) based on established evaluation criteria.

How does the skill handle design consistency?

It automatically reads your project's 'locked' decisions from prior critique rounds, ensuring any new custom design options adhere to the established styles and constraints.

Does this skill produce production-ready code?

No, it focuses on generating self-contained HTML wireframe artifacts ranging from low to medium fidelity to facilitate design comparison and decision-making before implementation.

What is a 'Custom Facet' in this Claude Code skill?

A custom facet represents a design dimension or specific feature unique to your project that isn't covered by standard libraries, such as a specialized map control or a unique data entry workflow.

Custom Design Critique

Name: Custom Design Critique
Author: metedata

bymetedata

0•

デザインツール

Generates structured design critiques and HTML wireframe artifacts for specialized project dimensions not covered by standard libraries.

The crit-custom skill is a specialized extension for Claude Code designed to handle unique UI/UX challenges that fall outside of standard design patterns. It facilitates a rigorous 'crit loop' by deriving domain knowledge from first principles, generating side-by-side HTML wireframe comparisons, and managing iterative feedback rounds. This skill is essential for teams needing to document design trade-offs and reach convergence on complex, project-specific features while maintaining consistency with previously established design decisions.

主な機能

01State-aware critique loops that inherit constraints from previously locked design decisions

02Structured 'Diverge and Converge' mechanics to explore and refine design options

03Detailed critique documentation including comparative analysis and implementation recommendations

040 GitHub stars

05First-principles derivation of domain-specific evaluation criteria and design trade-offs

06Automated generation of side-by-side HTML wireframe artifacts for iterative review

ユースケース

01Defining custom interaction patterns for niche components like specialized data visualizations or maps

02Standardizing design documentation and decision-making for unique project requirements

03Conducting structured design reviews within a terminal-based AI development workflow

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add metedata/design-crit crit-custom

For use in Claude.ai and ChatGPT

Download Skill