Skills
.Work. You
Rest

vector-design

Community

Streamline UI & UX development in Vector

Software Engineering#ux design#vector#ui development#micro-interactions#inline editing
Authorxrehpicx
Version1.0.0
Installs0

System Documentation

What problem does it solve?

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.

Core Features & Use Cases

  • UI Development: Offers detailed guidance for building pages, dialogs, selectors, and other components with a consistent layout pattern.
  • Permission-aware Inline Editing: Ensures role-based editing within the layout without altering its structure.
  • Optimistic Selector Updates: Improves user experience with instant UI updates.
  • Use Case: If you're developing or enhancing UI components for Vector and want to follow consistent, dense design patterns for editing properties like status, priority, or team membership, this skill provides comprehensive guidelines.

Quick Start

Use the 'vector-design' skill to review the best practices for UI layout patterns in Vector by following the guidelines within 'SKILL.md'.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vector-design
Download link: https://github.com/xrehpicx/vector/archive/main.zip#vector-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.