Run Fragments design governance checks and auto-fix UI code violations.
npx skills add https://github.com/fragments-sdk/skills --skill fragments-govern
Please help me install this Agent Skill. Skill: fragments/govern Source: https://github.com/fragments-sdk/skills/tree/main/skills/govern Command: npx skills add https://github.com/fragments-sdk/skills --skill fragments-govern
It prevents design quality regressions by detecting and fixing accessibility, consistency, and responsive issues in your UI code before you commit.
Ask your agent to run a cloud governance check against your UI folder to identify and report any accessibility or design-policy violations.
High-intent search queries and answers about installing and using this skill.
To check UI code for accessibility violations before committing, run Fragments design governance checks in review mode to identify issues in staged or uncommitted TypeScript and JavaScript UI components. This generates machine-readable reports grouped by severity, file, and rule.
Yes, you can automatically fix color contrast and token usage issues by running Fragments governance in fix mode. It applies safe auto-fixes for supported design violations and then re-validates the UI code to confirm the issues are resolved.
Design governance for pre-commit code review is the process of validating UI code against cloud-synced policies to prevent design quality regressions. It works by parsing JSON output from governance checks to report accessibility, consistency, and responsive violations.
Yes, you need a fragments.config.ts file present in your project to run cloud compliance and policy validation checks. The governance tooling requires this configuration file to apply scoped checks by file path and validate against design policies.
To track the trend of open UI design violations over time, use the status reporting mode in Fragments governance. It reviews staged UI changes and monitors open violation counts against cloud-synced policies across your TypeScript or JavaScript project.
The best way to scope design governance checks to specific file paths is by using the built-in path scoping feature during the check execution. This targets only the modified TypeScript or JavaScript UI components and outputs JSON reports for the selected files.
fragments-sdkCreate and manage Fragments design governance policies from natural language.
jacobcyDetect codebase violations of size, complexity, and dead-code budgets.
the-perfect-developerAutomate local Git workflow validation with pre-commit checks and push triggers.
rshadeDetect project linting tools and assemble a zero-error execution pipeline.
