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.

Материал обновлён:

Открыть на GitHub
npx skills add Kotelberg/design-rules-companion-skill --skill design-rules-companion
1Звёзды0ФоркиПоследний push репозитория

Об этом Skill

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

Почему мы его выбрали

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

Для каких задач подходит

  • 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

Перед использованием

  • 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.

Поддерживаемые агенты

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

Источники и материалы

Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.