Design Rules Companion

Kotelberg/design-rules-companion-skill

Turn vague UI feedback into focused changes using practical heuristics for spacing, typography, color, hierarchy, icons and interaction.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add Kotelberg/design-rules-companion-skill --skill design-rules-companion
1Sterne0ForksLetzter Repository-Push

Über diesen Skill

Turn vague UI feedback into focused changes using practical heuristics for spacing, typography, color, hierarchy, icons and interaction.

Warum wir es empfehlen

A critique companion with selective reference loading and explicit tradeoffs. Its independently synthesized heuristics support design judgment; they do not establish accessibility conformance.

Wobei es hilft

  • Explain why an interface feels cluttered, unclear or inconsistent.
  • Make a focused refinement pass after implementation.

Workflow and expected result

  1. Step 1

    Classify the visible failure mode: hierarchy, spacing, typography, color or interaction.

  2. Step 2

    Read the relevant reference and tie each issue to a concrete heuristic.

  3. Step 3

    Propose the smallest useful change and explain where the rule may not apply.

Reviewed upstream task instructions

Source review

Reviewed the task instructions and repository inventory at commit ed7662cab4d8. This listing describes the upstream workflow; it does not claim that a full product implementation or accessibility audit was executed during intake.

Reviewed upstream task instructionsOfficial repository and installation guide

Vor der Nutzung

  • A coding assistant with local file access and Node.js for the upstream installer. Review the installed instructions before use.
  • Keep the seven reference files with the entrypoint. Consult primary specifications for any official accessibility requirement.

Unterstützte Agents

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.