How does the Three-Tier Architecture work in this skill?

It organizes UX elements into three levels: the Library Tier for reusable components, the Application Tier for global configs, and the Experience Tier for specific views and flows.

Can I model interactive user flows with this skill?

Yes, the skill uses ExperienceState and StateTransition entities to define complex interactive state machines and user journeys.

How does this skill interact with other documentation layers?

It provides cross-layer relationships, linking UX elements to the Business layer for processes, the API layer for data, and the Navigation layer for routing.

What is the primary purpose of the UX Layer skill?

The UX Layer skill provides a standardized meta-model for documenting and modeling user experience design, including views, components, state machines, and interactions.

Does it support data-driven UI components?

Absolutely. It includes DataConfig and TableColumn/ChartSeries entities to manage data binding and configuration-driven UI elements.

Documentation Robotics UX Layer Modeling

Name: Documentation Robotics UX Layer Modeling
Author: tinkermonkey

bytinkermonkey

0•

デザインツール

Models complex user interfaces and experiences using a structured Three-Tier Architecture within the Documentation Robotics framework.

This skill empowers Claude to act as a UX modeling expert for Documentation Robotics, enabling the formal specification of views, components, and interactive flows. It utilizes a Three-Tier Architecture (Library, Application, and Experience) to ensure design consistency and reusability across projects. By capturing everything from high-level screen layouts to granular state machine transitions and data bindings, this skill helps bridge the gap between design concepts and technical documentation, ensuring that every user interaction is precisely defined and architecturally sound.

主な機能

01Integrates UX models with API, Business, and Navigation layers

02Implements Three-Tier Architecture for scalable design systems

03Models complex user journeys via Experience States and Transitions

04Configures detailed data bindings and error handling logic

05Formalizes UI structures using Views, SubViews, and Component Instances

060 GitHub stars

ユースケース

01Architecting a reusable design system with Library Components and State Patterns

02Mapping complex multi-state form flows and interactive screen transitions

03Standardizing UX documentation for cross-functional engineering and design teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tinkermonkey/documentation_robotics_viewer dr_09_ux_layer

For use in Claude.ai and ChatGPT

主な機能

01Integrates UX models with API, Business, and Navigation layers

02Implements Three-Tier Architecture for scalable design systems

03Models complex user journeys via Experience States and Transitions

04Configures detailed data bindings and error handling logic

05Formalizes UI structures using Views, SubViews, and Component Instances

060 GitHub stars

ユースケース

01Architecting a reusable design system with Library Components and State Patterns

02Mapping complex multi-state form flows and interactive screen transitions

03Standardizing UX documentation for cross-functional engineering and design teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tinkermonkey/documentation_robotics_viewer dr_09_ux_layer

For use in Claude.ai and ChatGPT