Suraj787
- 22 skills
- 0 followers
- 10 hours ago last updated
- ▌ Motif · suraj787 bundleUse when an AI coding agent must design, build, improve, audit, or migrate any web interface and needs to choose the least-complex interface and interaction that achieves a real user outcome, governed by evidence rather than aesthetic impulse.
- ▌ Governance · suraj787Use when decisions, provenance, design genome, interaction graph, debt, and drift must be recorded and reconciled so the system learns and stays accountable.
- ▌ Orchestrator · suraj787Use when any interface task begins and you need a single entry point that defers to the Motif root orchestrator and its mandatory 18-step workflow.
- ▌ Effect Discovery · suraj787Use when a pattern and interaction objective are fixed and you need to enumerate candidate effects from the approved offline registry that could realise that pattern.
- ▌ Effect Selection · suraj787Use when you have multiple candidate effects and must rank them transparently and select the simplest one that fully achieves the interaction objective.
- ▌ Visual Assurance · suraj787Use when an interface needs visual validation, every required state renders correctly, responsively, and faithfully to the design system across breakpoints and inputs.
- ▌ Source Governance · suraj787Use when recording provenance, reviewing licences and costs, writing the decision log, or performing an explicit source-refresh to bring external references into the approved registry.
- ▌ Framework Compiler · suraj787Use when selected patterns and components must be compiled into a concrete implementation plan in the project's detected native framework, reusing what already exists.
- ▌ Interaction Design · suraj787Use when product context is known and you need to convert the user's need into a precise interaction objective and select the UI pattern that satisfies it before any effect is chosen.
- ▌ Motion Performance · suraj787Use when validating that an interaction stays within performance budget, animating cheap properties, avoiding jank, and never running costly decorative motion behind dense UIs.
- ▌ Security Assurance · suraj787Use when a dependency, snippet, or external source enters the project and needs licence, supply-chain, and untrusted-code review before it is adopted.
- ▌ Design Intelligence · suraj787Use when you need classification, layout, typography, colour, content, data-visualisation, responsive, and UX-principle guidance grounded in the product context.
- ▌ Framework Adaptation · suraj787Use when a selected effect must be implemented in the target stack (Vue, Frappe-Vue, or whatever the repo uses) without introducing a new framework or breaking design-system conventions.
- ▌ Motion Accessibility · suraj787Use when validating that an interaction preserves keyboard access, focus, semantics, and honors reduced-motion before it can ship.
- ▌ Product Intelligence · suraj787Use when you need to model the product, its users, their workflows, risk, density, device, and environment before any interface decision is made.
- ▌ Performance Assurance · suraj787Use when an interface needs performance validation, animated properties, budgets, payload, and jank, with claims backed by measurement rather than assertion.
- ▌ Accessibility Assurance · suraj787Use when an interface needs accessibility validation, keyboard operability, focus visibility, semantics, contrast, and reduced-motion, beyond automated checks alone.
- ▌ Interaction Intelligence · suraj787Use when a known product context must become a precise interaction objective, a UX pattern, required states, feedback, and only-then a motion or effect.
- ▌ Originality Intelligence · suraj787Use when an interface risks converging on generic AI aesthetics and you need to detect templated output and steer toward intentional, context-fitting design.
- ▌ Product Context Analysis · suraj787Use when you need to establish the product purpose, product type, page/screen type, and the user with their primary task before any interaction or effect is considered.
- ▌ Implementation Validation · suraj787Use as the final acceptance gate to confirm an interaction is accessible, performant, responsive, design-system-consistent, and fully recorded before it is considered done.
- ▌ Web Experience Orchestrator · suraj787Use as a convenience entry point for web experience and interaction-design requests; it immediately defers to the motif root orchestrator.