Validate Bifrost UI changes against DESIGN.md design tokens.
npx skills add https://github.com/bifrost-proxy/bifrost --skill design-md-bifrost-proxy
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/bifrost-proxy/bifrost/tree/main/.agents/skills/design-md Command: npx skills add https://github.com/bifrost-proxy/bifrost --skill design-md-bifrost-proxy
This Skill maintains visual consistency across the Bifrost suite, ensuring that changes to the user interface align with the design contract.
DESIGN.md to enforce the product design contract.Before modifying any Bifrost UI component, use the design-md skill to validate your changes against the DESIGN.md design contract.
High-intent search queries and answers about installing and using this skill.
To validate UI consistency, use scripting tools to read and check your modifications against the design tokens defined in the `DESIGN.md` contract. This process verifies that visual standards are maintained across the Bifrost WebUI and desktop shell.
A `DESIGN.md` file acts as a product design contract that stores visual standards and design tokens. It is parsed by scripts to enforce UI consistency and ensure that documentation and interface changes align with the established visual design system.
Yes, you can use scripting tools to enforce design standards across web and desktop UI. The scripts validate your UI implementation changes by reading the `DESIGN.md` file and checking that all visual elements adhere to the defined product design contract.
Yes, UI consistency validation works for documentation changes as well as interface components. The validation process checks the `DESIGN.md` design tokens to ensure that both public site documentation and Bifrost UI modifications adhere to the visual design contract.
The limitation of using a `DESIGN.md` contract for visual standards is that it requires appropriate scripting tools to enforce the design tokens. Without these scripts to validate the UI implementation, the design contract cannot actively maintain visual consistency.
guccangCreate and validate DESIGN.md design system specification files with YAML tokens.
gileckAudit UI code against the latest Web Interface Guidelines.
gil-kapelGenerates design tokens and documentation for scalable UI systems.
bacchus-labsAutomate visual regression testing by comparing screenshots against baselines.