sylphxai/skills

ui-flow

Design or implement one product UI flow with loading, empty, error, and success states, verified on a real render.

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/sylphxai/skills --skill ui-flow

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

UI Flow

Match surrounding design-system density. Verify on a real render, not a description of the UI. Essential meaning has a visual or textual path — audio, haptics, and color never carry unique required state. A happy-path mock is not the flow.

Open interface craft rules for hierarchy. Open states, forms, and recovery for stateful flows. Open responsive mobile and input for layout. Open sensory feedback when sound, haptics, camera, or effects matter.

Use ui-review to judge an existing render. Use accessibility-conformance for a conformance claim.

Related by task

from this repository

More skills

All skills
sylphxai
Community

accessibility-conformance

Assess whether disabled users can complete the selected tasks, and what the current results support saying about conformance. Use when the user asks to review accessibility, audit a conformance claim, or check a VPAT or accessibility statement. Do not use to design the system under review or to fix accessibility defects.

installs
1
GitHub stars
2
Updated
Oct 3
sylphxai
Community

account-recovery

Assess account recovery — alternative authentication, recovery proof, takeover handling, and enterprise operations. Use when the user asks to review password reset, recovery flows, account takeover handling, or SSO recovery. Do not use to design the recovery flow.

installs
1
GitHub stars
2
Updated
Oct 3
sylphxai
Community

analyze-causal-inference

Estimate a causal effect with an explicit estimand, identification assumptions, design, diagnostics, and sensitivity. Use when the user asks whether a change caused an outcome, for difference-in-differences, IV, or target-trial emulation. Do not use to register a product experiment, forecast an unresolved future event, or critique a present explanation.

installs
1
GitHub stars
2
Updated
Oct 3
sylphxai
Community

analyze-critically

Stress-test a claim, plan, diagnosis, or design by writing rejection conditions before interpreting the evidence. Use when the user asks to critique, steelman, red-team, find the kill criterion, or what would change your mind. Do not use for a domain go/no-go review, a causal effect estimate, a resolvable forecast, or ordinary implementation.

installs
1
GitHub stars
2
Updated
Oct 3