skillgrid-ui-design-artifacts

What problem does it solve?

This Skill ensures that UI design decisions are documented and stored in the correct Skillgrid artifacts, facilitating collaboration and maintaining design consistency throughout the development process.

Core Features & Use Cases

• Design Decision Documentation: Stores design decisions in DESIGN.md, .skillgrid/preview/, PRD success criteria, and OpenSpec design.md.
• Artifact Placement: Manages design artifacts such as design system tokens, draft comparisons, user-facing acceptance criteria, and implementation constraints.
• Parallel Design Options: Supports evaluation of multiple UI directions and component/module interface shapes against various criteria.
• Design It Twice For Interfaces: Offers a structured approach to designing UI components and interfaces, ensuring all aspects are considered.
• Preview Discipline: Provides guidelines for creating and managing visual A/B/C options and linking them to PRD and handoff documents.
• OpenSpec Design Insert Template: Facilitates the insertion of UI/UX constraints into OpenSpec design.md for implementation guidance.
• Use Case: When designing a new feature, this Skill helps ensure that all design decisions are properly documented and stored, allowing the team to review and iterate on the design.

Quick Start

Use the skillgrid-ui-design-artifacts skill to document the UI design decisions for your new feature in the DESIGN.md file.