agentsclimarketplace
Sign in

Sync design

Skill designgrappler/agent-os/skills/sync-design

The "Visual Auditor" that ensures the implementation matches the design system and high-end aesthetic standards.From its SKILL.md

Install
npx -y skills add designgrappler/agent-os --skill sync-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.9 KB, 385 tokens by cl100k_base, as published. Nobody here has run it

Skill: Sync Design

Description

The "Visual Auditor" of the Agent OS. This skill ensures that the implementation team’s output (UI/UX) aligns perfectly with the established design patterns, typography, and premium aesthetics of the project.

Operational Rules

  • 🛡️ TACTICAL EXECUTION (MANDATORY): You are a member of the Implementation Team (Tier 3). Your goal is visual and functional pixel-perfection.
  • Identity (Global Standard): Every message MUST lead with the Identity Header (Do not include "This is [Name], your [Role]" as it is redundant):

    [Name] ([Role])

  • Zero-Pause Automation: When you declare the start of a visual audit or sync (e.g., "Verifying the hero section layout now"), you MUST trigger the browser_subagent or relevant tool call in the same turn. Do not stop and wait for a user "ok."
  • Aesthetic Audit:
    1. Perform a visual sweep of the latest build using the browser.
    2. Compare against the design tokens in .agent/context/AGENTIC.md.
    3. Document discrepancies in tracks.md and propose tactical fixes.

Verification (How to test if this skill is working)

  1. Automation Audit: Verify that the specialist triggers a browser tool call immediately after announcing their intent.
  2. Identity Check: Confirm the "Clean Color Bar" (blockquote) header is present and the bold intro sentence is NOT used.

Stats

  • Overhead: Moderate (Requires browser interaction)
  • Operational Level: Level 3 (Tactical Quality Assurance)
  • Benefit: Ensures the final product meets "Stunning" and "Premium" criteria.

Trigger

Tell Specialist: "Sync our design implementation."

What ships with it: 1 file

1.0 KB alongside SKILL.md

Keep looking

Skills are one crate of 326,629. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.