alamine42

show-me

Shape a feature with local dev prototypes, screen-by-screen flows, and design variants the user can annotate and pick from. Run only when the user asks for it or another skill calls it; never on your own initiative.

alamine42 0 Updated 3w ago
GitHub

Install

npx skillscat add alamine42/dotfiles/show-me

Install via the SkillsCat registry.

SKILL.md

Let's use local dev prototype(s) in order to figure out the shape of the feature/project.

  1. Create initial prototypes of the various screens required for this feature. Do it in a local playground, with portless and agentation enabled
  2. Provide Screen-by-screen sequential steps with clear error/recovery states
  3. Think about not just the feature screens UI, but the entire UX including navigation flows in/out of this feature, various states and actions, and any navigation or settings menu changes needed to integrate it into the app. Think broadly and holistically. Prompt me if you're unsure.
  4. For big concepts, consider creating mulitple versions of the same design, at a high level, and let me pick a direction before we go further into the details
  5. Use my feedback and annotations to refine the requirements
  6. Ask for additional iterations until I'm satisfied

Additional rules:

  • Use the existing design systems, where possible
  • Design for mobile first, ask me if you're unsure how the feature will be used (more mobile or more web)

Categories