Interface Design

Dammyjay93/interface-design

Design and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.

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

Открыть на GitHub
npx skills add https://github.com/dammyjay93/interface-design --skill interface-design
5 962Звёзды381ФоркиПоследний push репозитория

Об этом Skill

Design and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.

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

Focused on interactive product interfaces. It records approved patterns in .interface-design/system.md so later work can reuse decisions; landing pages and marketing campaigns are outside its stated scope.

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

  • Build a dashboard, settings screen or data-heavy product interface.
  • Reduce visual drift across repeated component changes.

Workflow and expected result

  1. Step 1

    Identify the person, task and intended feel; explore the product domain before styling.

  2. Step 2

    Establish a focal point, type hierarchy, density and a consistent token and component system.

  3. Step 3

    Review actual states and layout, then save approved patterns for later sessions.

Reviewed upstream task instructions

Source review

Reviewed the task instructions and repository inventory at commit 2f9be3206855. 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.
  • Provide the product task, current UI and project conventions. Optional direction boards and paintovers require an image-generation tool; the core instructions also work without it.

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

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

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

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