Guide UI and UX development for Vector platform components with dense layout patterns.
npx skills add https://github.com/xrehpicx/vector --skill vector-design
Please help me install this Agent Skill. Skill: vector-design Source: https://github.com/xrehpicx/vector/tree/main/.agents/skills/vector-design Command: npx skills add https://github.com/xrehpicx/vector --skill vector-design
Vector's dense UI and UX skill addresses the challenge of designing and editing UI components in the Vector application, providing consistent interaction models and dense layout patterns.
Use the 'vector-design' skill to review the best practices for UI layout patterns in Vector by following the guidelines within 'SKILL.md'.
High-intent search queries and answers about installing and using this skill.
Dense UI layout patterns in Vector require consistent interaction models for dialogs, selectors, and tables. This skill provides detailed guidelines for building these in-app components with a consistent layout pattern and best practices for micro-interactions.
Permission-aware inline editing ensures role-based editing within the layout without altering its structure. You can implement this by following guidelines that ensure only authorized users can edit properties like status, priority, or team membership directly in the UI.
Optimistic selector updates improve UX by providing instant UI updates without waiting for server responses. This approach ensures the user interface remains responsive and fluid when interacting with selectors in the Vector platform.
Yes, this skill offers detailed guidance for building pages, dialogs, selectors, and tables specifically for the Vector platform. It focuses on creating consistent and dense layout patterns for these in-app components.
You need micro-interactions guidelines when developing or enhancing UI components that require consistent interaction models. This skill provides comprehensive best practices for micro-interactions to ensure a cohesive user experience within the Vector application.
ggombeeGuide Material UI component usage with import patterns, sx styling, styled(), and theme management.
one-ieImplement React 19 patterns for interactive components in the Envelope System.
FindMalekReuse shadcn/ui patterns to build accessible React components with Tailwind CSS and Radix UI.
AmidVoshakulAudit digital interfaces against 168 research-backed UX/UI principles and antipattern taxonomies.
