How should agentation-design-feedback be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this skill.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

Crawler Summary

agentation-design-feedback answer-first brief

Process Agentation visual feedback toolbar data and apply design modifications to frontend code. Use when receiving structured feedback data containing element locations (CSS selectors), Tailwind classes, positions, and user feedback comments. Handles design updates based on user-annotated UI elements from the Agentation feedback system. Triggers: - Feedback data with "Page Feedback:" header containing numbered elements - Data including Location, Classes, Position, Context, and Feedback fields - User requests to modify UI based on Agentation annotations - Design change requests referencing specific UI elements with CSS selectors --- name: agentation-design-feedback description: | Process Agentation visual feedback toolbar data and apply design modifications to frontend code. Use when receiving structured feedback data containing element locations (CSS selectors), Tailwind classes, positions, and user feedback comments. Handles design updates based on user-annotated UI elements from the Agentation feedback system. Triggers: - Feedback data wi Capability contract not published. No trust telemetry is available yet. 3 GitHub stars reported by the source. Last updated 4/15/2026.

Freshness

Last checked 4/15/2026

Best For

agentation-design-feedback is best for when workflows where OpenClaw compatibility matters.

Not Ideal For

Contract metadata is missing or unavailable for deterministic execution.

Evidence Sources Checked

editorial-content, GITHUB OPENCLEW, runtime-metrics, public facts pack

Card Facts Snapshot Contract Trust

Claim this agent

Agent DossierGitHubSafety: 94/100

agentation-design-feedback

OpenClawself-declared

Public facts

Change events

Artifacts

Freshness

Apr 15, 2026

Verifiededitorial-contentNo verified compatibility signals3 GitHub stars

Capability contract not published. No trust telemetry is available yet. 3 GitHub stars reported by the source. Last updated 4/15/2026.

3 GitHub starsTrust evidence available

Trust score

Unknown

Compatibility

OpenClaw

Freshness

Apr 15, 2026

Vendor

Clyde Yoonjae

Artifacts

Benchmarks

Last release

Unpublished

Executive Summary

Key links, install path, and a quick operational read before the deeper crawl record.

Verifiededitorial-content

Summary

Capability contract not published. No trust telemetry is available yet. 3 GitHub stars reported by the source. Last updated 4/15/2026.

View Source

Setup snapshot

git clone https://github.com/clyde-yoonjae/agentation-design-feadback.git

1
Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
2
Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.

Evidence Ledger

Everything public we have scraped or crawled about this agent, grouped by evidence type with provenance.

Verifiededitorial-content

Vendor (1)

Vendor

Clyde Yoonjae

profilemedium

Observed Apr 15, 2026Source link Provenance

Compatibility (1)

Protocol compatibility

OpenClaw

contractmedium

Observed Apr 15, 2026Source link Provenance

Adoption (1)

Adoption signal

3 GitHub stars

profilemedium

Observed Apr 15, 2026Source link Provenance

Security (1)

Handshake status

UNKNOWN

trustmedium

Observed unknownSource link Provenance

Integration (1)

Crawlable docs

6 indexed pages on the official domain

search_documentmedium

Observed Apr 15, 2026Source link Provenance

Release & Crawl Timeline

Merged public release, docs, artifact, benchmark, pricing, and trust refresh events.

Self-declaredagent-index

Docs Update

Docs refreshed: Sign in to GitHub · GitHub

search_documentmedium

Fresh crawlable documentation was indexed for the official domain.

Observed Apr 15, 2026

Artifacts Archive

Extracted files, examples, snippets, parameters, dependencies, permissions, and artifact metadata.

Self-declaredGITHUB OPENCLEW

Extracted files

Examples

Snippets

Languages

typescript

Parameters

Executable Examples

text

## Page Feedback: /<page-path>
**Viewport:** <width>×<height>

### <number>. <element-type> "<element-text>"
**Location:** <CSS selector path>
**Classes:** <comma-separated Tailwind classes>
**Position:** <x>px, <y>px (<width>×<height>px)
**Context:** <element content>
**Feedback:** <user's modification request>

text

px-4 sm:px-6 lg:px-8

text

bg-brand-600 dark:bg-brand-500

text

### 1. link "Submit"
**Location:** .form-container > .actions > .btn-primary
**Classes:** bg-blue-500 hover:bg-blue-600 dark:bg-blue-400 px-4 py-2
**Feedback:** make it green

Docs & README

Full documentation captured from public sources, including the complete README when available.

Self-declaredGITHUB OPENCLEW

Docs source

GITHUB OPENCLEW

Editorial quality

ready

Full README

name: agentation-design-feedback description: | Process Agentation visual feedback toolbar data and apply design modifications to frontend code. Use when receiving structured feedback data containing element locations (CSS selectors), Tailwind classes, positions, and user feedback comments. Handles design updates based on user-annotated UI elements from the Agentation feedback system.

Triggers:

Feedback data with "Page Feedback:" header containing numbered elements
Data including Location, Classes, Position, Context, and Feedback fields
User requests to modify UI based on Agentation annotations
Design change requests referencing specific UI elements with CSS selectors

Agentation Design Feedback Processor

Process structured feedback from the Agentation visual feedback toolbar and apply design modifications.

Input Data Format

Expect feedback in this structure:

## Page Feedback: /<page-path>
**Viewport:** <width>×<height>

### <number>. <element-type> "<element-text>"
**Location:** <CSS selector path>
**Classes:** <comma-separated Tailwind classes>
**Position:** <x>px, <y>px (<width>×<height>px)
**Context:** <element content>
**Feedback:** <user's modification request>

Processing Workflow

1. Identify Target Elements

Parse the feedback data to extract:

Element selector from Location field
Current Tailwind classes from Classes field
User's requested change from Feedback field

2. Locate Source Files

Use the CSS selector path to find the corresponding component:

.relative > .mt-12 > .inline-flex suggests nested component structure
Search codebase for matching class combinations
Verify by checking if element text matches Context field

3. Handle Ambiguous Targets

CRITICAL: When multiple elements share identical or similar feedback data:

Compare Location, Classes, and Position fields
If duplicates exist (same selector, same position), ask user which specific element to modify
Example question: "I found 2 identical 'link' elements at the same position. Should I modify both, or do you want to specify which one?"

4. Assess Side Effects

CRITICAL: Before modifying shared styles:

Check if the class being modified is used elsewhere
If modification affects other elements, ask user for confirmation
Example: "Changing .mx-auto padding will affect 3 other sections. Proceed?"

Modification Guidelines

Responsive Design Preservation

When classes include breakpoint prefixes (sm:, md:, lg:, xl:, 2xl:):

Preserve existing responsive behavior
Apply changes at appropriate breakpoints
If user doesn't specify breakpoint, apply to base and ask if responsive variants need updating

Example - Original:

px-4 sm:px-6 lg:px-8

If user requests "increase padding", ask:

"Should I increase padding at all breakpoints, or only specific ones?"

Dark Mode Support

When classes include dark: prefix:

Maintain dark mode variants when modifying light mode styles
If adding new styles, consider adding corresponding dark: variants
Ask user if dark mode should mirror the change

Example - Original:

bg-brand-600 dark:bg-brand-500

If user requests "change background to blue":

Apply bg-blue-600 for light mode
Ask: "Should dark mode also change to blue (e.g., dark:bg-blue-500)?"

Component Extraction Suggestion

When detecting repeated style modifications:

Track if similar changes are requested across multiple elements
After 2+ similar modifications, suggest extracting to a shared component
Example: "I've applied similar button styles to 3 elements. Want me to extract this as a reusable Button component?"

Output Requirements

After applying modifications:

Show the specific file and line changed
Display before/after class comparison
Note any responsive or dark mode considerations applied
Warn if other elements may be affected

Example Interaction

Input:

### 1. link "Submit"
**Location:** .form-container > .actions > .btn-primary
**Classes:** bg-blue-500 hover:bg-blue-600 dark:bg-blue-400 px-4 py-2
**Feedback:** make it green

Processing:

Find component with .btn-primary class containing "Submit" text
Identify color classes: bg-blue-500, hover:bg-blue-600, dark:bg-blue-400
Replace with green equivalents: bg-green-500, hover:bg-green-600, dark:bg-green-400
Preserve non-color classes: px-4 py-2

Ask if unclear:

"Should the hover state also be green?"
"Should dark mode use the same green shade?"

Contract & API

Machine endpoints, protocol fit, contract coverage, invocation examples, and guardrails for agent-to-agent use.

MissingGITHUB OPENCLEW

Endpoints

Dossier API Snapshot API Contract API Trust API

Contract coverage

Status

missing

Auth

None

Streaming

Data region

Unspecified

Protocol support

OpenClaw: self-declared

Requires: none

Forbidden: none

Guardrails

Operational confidence: low

No positive guardrails captured.

Invocation examples

curl -s "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/snapshot"

curl -s "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/contract"

curl -s "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/trust"

Reliability & Benchmarks

Trust and runtime signals, benchmark suites, failure patterns, and practical risk constraints.

Missingruntime-metrics

Trust signals

Handshake

UNKNOWN

Confidence

unknown

Attempts 30d

unknown

Fallback rate

unknown

Runtime metrics

Observed P50

unknown

Observed P95

unknown

Rate limit

unknown

Estimated cost

unknown

Do not use if

Contract metadata is missing or unavailable for deterministic execution.

No benchmark suites or observed failure patterns are available.

Media & Demo

Every public screenshot, visual asset, demo link, and owner-provided destination tied to this agent.

Missingno-media

No screenshots, media assets, or demo links are available.

Related Agents

Neighboring agents from the same protocol and source ecosystem for comparison and shortlist building.

Self-declaredprotocol-neighbors

Github ReposUpdated 6mo agoRank 70

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

OPENCLAW

Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.

MCPOPENCLAW

Github ReposUpdated 6mo agoRank 70

AionUi

Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!

MCPOPENCLAW

Github ReposUpdated 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular

OPENCLAW

Machine Appendix

Contract JSON

{
  "contractStatus": "missing",
  "authModes": [],
  "requires": [],
  "forbidden": [],
  "supportsMcp": false,
  "supportsA2a": false,
  "supportsStreaming": false,
  "inputSchemaRef": null,
  "outputSchemaRef": null,
  "dataRegion": null,
  "contractUpdatedAt": null,
  "sourceUpdatedAt": null,
  "freshnessSeconds": null
}

Invocation Guide

{
  "preferredApi": {
    "snapshotUrl": "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/snapshot",
    "contractUrl": "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/contract",
    "trustUrl": "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/trust"
  },
  "curlExamples": [
    "curl -s \"https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/snapshot\"",
    "curl -s \"https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/contract\"",
    "curl -s \"https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/trust\""
  ],
  "jsonRequestTemplate": {
    "query": "summarize this repo",
    "constraints": {
      "maxLatencyMs": 2000,
      "protocolPreference": [
        "OPENCLEW"
      ]
    }
  },
  "jsonResponseTemplate": {
    "ok": true,
    "result": {
      "summary": "...",
      "confidence": 0.9
    },
    "meta": {
      "source": "GITHUB_OPENCLEW",
      "generatedAt": "2026-10-09T07:43:39.953Z"
    }
  },
  "retryPolicy": {
    "maxAttempts": 3,
    "backoffMs": [
      500,
      1500,
      3500
    ],
    "retryableConditions": [
      "HTTP_429",
      "HTTP_503",
      "NETWORK_TIMEOUT"
    ]
  }
}

Trust JSON

{
  "status": "unavailable",
  "handshakeStatus": "UNKNOWN",
  "verificationFreshnessHours": null,
  "reputationScore": null,
  "p95LatencyMs": null,
  "successRate30d": null,
  "fallbackRate": null,
  "attempts30d": null,
  "trustUpdatedAt": null,
  "trustConfidence": "unknown",
  "sourceUpdatedAt": null,
  "freshnessSeconds": null
}

Capability Matrix

{
  "rows": [
    {
      "key": "OPENCLEW",
      "type": "protocol",
      "support": "unknown",
      "confidenceSource": "profile",
      "notes": "Listed on profile"
    },
    {
      "key": "when",
      "type": "capability",
      "support": "supported",
      "confidenceSource": "profile",
      "notes": "Declared in agent profile metadata"
    }
  ],
  "flattenedTokens": "protocol:OPENCLEW|unknown|profile capability:when|supported|profile"
}

Facts JSON

[
  {
    "factKey": "docs_crawl",
    "label": "Crawlable docs",
    "value": "6 indexed pages on the official domain",
    "category": "integration",
    "href": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceUrl": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceType": "search_document",
    "confidence": "medium",
    "observedAt": "2026-04-15T05:03:46.393Z",
    "isPublic": true,
    "metadata": {}
  },
  {
    "factKey": "vendor",
    "label": "Vendor",
    "value": "Clyde Yoonjae",
    "category": "vendor",
    "href": "https://github.com/clyde-yoonjae/agentation-design-feadback",
    "sourceUrl": "https://github.com/clyde-yoonjae/agentation-design-feadback",
    "sourceType": "profile",
    "confidence": "medium",
    "observedAt": "2026-04-15T03:14:37.738Z",
    "isPublic": true,
    "metadata": {}
  },
  {
    "factKey": "protocols",
    "label": "Protocol compatibility",
    "value": "OpenClaw",
    "category": "compatibility",
    "href": "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/contract",
    "sourceUrl": "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/contract",
    "sourceType": "contract",
    "confidence": "medium",
    "observedAt": "2026-04-15T03:14:37.738Z",
    "isPublic": true,
    "metadata": {}
  },
  {
    "factKey": "traction",
    "label": "Adoption signal",
    "value": "3 GitHub stars",
    "category": "adoption",
    "href": "https://github.com/clyde-yoonjae/agentation-design-feadback",
    "sourceUrl": "https://github.com/clyde-yoonjae/agentation-design-feadback",
    "sourceType": "profile",
    "confidence": "medium",
    "observedAt": "2026-04-15T03:14:37.738Z",
    "isPublic": true,
    "metadata": {}
  },
  {
    "factKey": "handshake_status",
    "label": "Handshake status",
    "value": "UNKNOWN",
    "category": "security",
    "href": "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/trust",
    "sourceUrl": "https://www.xpersona.co/api/v1/agents/clyde-yoonjae-agentation-design-feadback/trust",
    "sourceType": "trust",
    "confidence": "medium",
    "observedAt": null,
    "isPublic": true,
    "metadata": {}
  }
]

Change Events JSON

[
  {
    "eventType": "docs_update",
    "title": "Docs refreshed: Sign in to GitHub · GitHub",
    "description": "Fresh crawlable documentation was indexed for the official domain.",
    "href": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceUrl": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceType": "search_document",
    "confidence": "medium",
    "observedAt": "2026-04-15T05:03:46.393Z",
    "isPublic": true,
    "metadata": {}
  }
]