ref-design-system

Organize project-wide design documentation with a structured directory layout and upsert routine.

Updated Jun 9, 2026
One-click install
npx skills add https://github.com/carllelandtaylor/facto --skill ref-design-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ref-design-system
Source: https://github.com/carllelandtaylor/facto/tree/main/plugins/facto/skills/ref-design-system
Command: npx skills add https://github.com/carllelandtaylor/facto --skill ref-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the management and reference of project-wide design documentation, ensuring consistency and easy access across all team members.

Core Features & Use Cases

  • Design Documentation Layout: Provides a structured layout for design documents.
  • ViewModel & Upsert Routine: Helps maintain a unified view model and manages the routine for updating documentation.
  • Use Case: When updating design documents for a complex application, this Skill streamlines the process by providing templates and guidelines for consistency.

Quick Start

Run the skill to generate and update the design documentation for your project.

Frequently Asked Questions about ref-design-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain consistent project-wide design documentation across multiple views?

To maintain consistent project-wide design documentation, use a structured directory layout with view model references and an upsert routine. This ensures documents remain synchronized and easily accessible across all team members and application surfaces.

What is the best way to organize design documentation for a complex application?

Organizing design documentation for a complex application requires a structured directory layout and strict naming conventions. This approach provides unified templates and guidelines, ensuring view models remain consistent and accessible across the project.

Can I update existing design documents without losing my current file organization?

Yes, you can update existing design documents without losing file organization by using an upsert routine. This process manages updates efficiently while enforcing your established naming conventions and structured layout across all views.

Do I need specific naming conventions to manage design documentation layouts?

Yes, managing design documentation layouts requires proper file organization and specific naming conventions. Establishing these conventions upfront is necessary to ensure the view model references and upsert routine function correctly across the project.

When do I need a view model reference for my design documentation?

You need a view model reference for design documentation when maintaining consistency across multiple views and surfaces. It provides a unified structure that ensures all team members access and update the same design specifications.

Why does my design documentation become inconsistent across different application surfaces?

Design documentation becomes inconsistent across surfaces when lacking a structured directory layout and unified view model. Without an upsert routine and strict naming conventions, updates become fragmented and synchronization across views fails.