skills.rest
Git-Fg
Git-FgCOMMUNITY
Explore all skills by this author →
GitHub

design-good-bad-examples

Compare bad and good design examples with OpenXML parameter values.

Updated Aug 27, 2026
Search Tags:#design principles#design review#UI design#layout analysis#design examples
One-click install
npx skills add https://github.com/Git-Fg/taches-principled-light --skill design-good-bad-examples
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-good-bad-examples
Source: https://github.com/Git-Fg/taches-principled-light/tree/main/skills/design-good-bad-examples
Command: npx skills add https://github.com/Git-Fg/taches-principled-light --skill design-good-bad-examples

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides quick access to side-by-side BAD vs GOOD design examples for documents or UI, aiding in design review, teaching design taste, and identifying layout issues.

Core Features & Use Cases

  • Design Review: Quickly compare design elements and identify common mistakes.
  • Teaching Design: Offer visual examples of design principles in action.
  • Layout Analysis: Use as a reference when reviewing a UI or answering 'what's wrong with this layout?'.

Quick Start

Load the 'design-good-bad-examples' skill to view design examples and learn from common mistakes.

Frequently Asked Questions about design-good-bad-examples

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

FAQPage Schema
How do I find side-by-side bad vs good design examples for a UI layout analysis?▼

To find side-by-side bad vs good design examples for UI layout analysis, load this skill to access a curated collection of common design mistakes and their fixes. It provides detailed OpenXML parameter values for direct reference during reviews.

What are common UI design mistakes and their OpenXML fixes?▼

Common UI design mistakes and their OpenXML fixes are demonstrated through a curated collection of bad vs good design examples. You can reference detailed OpenXML parameter values to identify layout issues and apply the corresponding corrections.

Can I use these design examples for teaching design principles?▼

Yes, you can use these design examples for teaching design principles by offering visual references of common mistakes and their fixes. The skill provides side-by-side comparisons to help demonstrate proper layout techniques and design taste.

How do I reference OpenXML parameter values during a design review?▼

To reference OpenXML parameter values during a design review, access the skill's curated examples of design mistakes and their fixes. It supplies the specific OpenXML markup needed to analyze layouts and correct formatting issues.

Do I need OpenXML markup to use these bad vs good design examples?▼

Yes, you need OpenXML markup access to fully utilize these bad vs good design examples, as the skill provides detailed parameter values for reference. This allows you to analyze the exact markup changes needed to fix common layout mistakes.

What is the best way to identify common mistakes in document or UI design layouts?▼

The best way to identify common mistakes in document or UI design layouts is by comparing your work against curated bad vs good design examples. This skill highlights frequent errors and provides specific OpenXML parameter fixes for quick analysis.

Related Skills

Explore More Design & Creative Skills→
rakovi4rakovi4
45

prompt-refactor

Detect and resolve structural and layer placement issues in documentation files.

Community
Intermediate
iamsteveholmesiamsteveholmes

fixer

Applies validated findings to produce a complete corrected artifact.

Community
Advanced
webdriveriowebdriverio
11

Frontend Components

Enforce frontend component coding standards across web UI projects.

Official
Basic
FuHesummerFuHesummer
10

minimax-docx

Generate and format DOCX documents from content specifications using OpenXML.

Community
Advanced