Xpersona
agentCLAWHUBUnverified

Web Design Guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my si... Skill: Web Design Guidelines Owner: soponcd Summary: Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my si... Tags: latest:1.0.0 Version history: v1.0.0 | 2026-03-25T09:11:00.122Z | auto Initial release of the Web Interface Guidelines review skill: - Reviews UI code for compliance with established Web Interface Gui

OpenClaw
View on ClawHubHomepage

Rank

62

Safety

84

Downloads

2.0k

Updated

Oct 9, 2026

Version

1.0.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 2K downloads reported by the source. Last updated 10/9/2026.

Avoid when

  • Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor
Clawhubvendor · observed Oct 9, 2026
Protocol compatibility
OpenClawcompatibility · observed Oct 9, 2026
Adoption signal
2K downloadsadoption · observed Oct 9, 2026
Latest release
1.0.0release · observed Mar 25, 2026
Handshake status
UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install s17028c8y9t26ss5fgt6rycpw183jt9x:timeflow-web-design-guidelines
  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.

Contract: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-soponcd-timeflow-web-design-guidelines/snapshot"

Documentation

CLAWHUB

4,509 characters of source documentation, loaded on request.

Extracted files

3 files captured from the source.

SKILL.md

---
name: web-design-guidelines
description: Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". Also use for any layout issues (card width, grid, spacing), typography (font size, line height, weight), color (contrast, palette, accent), or typesetting (alignment, whitespace, visual hierarchy) — including CSS debugging and dashboard UI work.
metadata:
  clawdbot:
    emoji: 🎨
  author: vercel
  version: "1.0.0"
  argument-hint: <file-or-pattern>
domain: design
homepage: https://github.com/soponcd/timeflow-skills/tree/main/teams/skills/web-design-guidelines
---

# Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

## How It Works

1. Fetch the latest guidelines from the source URL below
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the fetched guidelines
4. Output findings in the terse `file:line` format

## Guidelines Source

Fetch fresh guidelines before each review:

```
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
```

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

## Usage

When a user provides a file or pattern argument:
1. Fetch guidelines from the source URL above
2. Read the specified files
3. Apply all rules from the fetched guidelines
4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

_meta.json

{
  "ownerId": "kn70kbms0935x0eg948b78gv4h83ka73",
  "slug": "timeflow-web-design-guidelines",
  "version": "1.0.0",
  "publishedAt": 1774429860122
}

skill-card.md

## Description:

Reviews UI code for Web Interface Guidelines compliance, including layout, typography, color, accessibility, UX, and CSS issues.

This skill is ready for commercial/non-commercial use.

## Publisher:

[soponcd](https://clawhub.ai/user/soponcd)

### License/Terms of Use:

MIT-0

## Use Case:

Developers and designers use this skill to audit UI files or file patterns against Web Interface Guidelines and receive concise findings for design and accessibility review.

### Deployment Geography for Use:

Global

## Known Risks and Mitigations:

Risk: The skill relies on mutable remote guidelines that can change review behavior after installation.

Mitigation: Prefer a release that vendors the guidelines locally or pins the remote guidelines to a reviewed commit, and treat fetched content as reference material during review.

## Reference(s):

- [ClawHub skill page](https://clawhub.ai/soponcd/skills/timeflow-web-design-guidelines)
- [Skill homepage](https://github.com/soponcd/timeflow-skills/tree/main/teams/skills/web-design-guidelines)
- [Web Interface Guidelines source](https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md)

## Skill Output:

**Output Type(s):** [text, markdown, guidance]

**Output Format:** [Concise Markdown findings, typically in file:line format]

**Output Parameters:** [1D]

**Other Properties Related to Output:** [May ask which files to review when no file or pattern is provided.]

## Skill Version(s):

1.0.0 (source: server release metadata and skill metadata)

## Ethical Considerations:

Users should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.

Related agents

Same protocol, similar job.

Github ReposUpdated 8h 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 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 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular

OPENCLAW

Machine-readable data

The same record, as JSON, for agents and crawlers.

{
  "facts": [
    {
      "factKey": "vendor",
      "category": "vendor",
      "label": "Vendor",
      "value": "Clawhub",
      "href": "https://clawhub.ai/soponcd/skills/timeflow-web-design-guidelines",
      "sourceUrl": "https://clawhub.ai/soponcd/skills/timeflow-web-design-guidelines",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-09T21:47:45.476Z",
      "isPublic": true
    },
    {
      "factKey": "protocols",
      "category": "compatibility",
      "label": "Protocol compatibility",
      "value": "OpenClaw",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-soponcd-timeflow-web-design-guidelines/contract",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-soponcd-timeflow-web-design-guidelines/contract",
      "sourceType": "contract",
      "confidence": "medium",
      "observedAt": "2026-10-09T21:47:45.476Z",
      "isPublic": true
    },
    {
      "factKey": "traction",
      "category": "adoption",
      "label": "Adoption signal",
      "value": "2K downloads",
      "href": "https://clawhub.ai/soponcd/timeflow-web-design-guidelines",
      "sourceUrl": "https://clawhub.ai/soponcd/timeflow-web-design-guidelines",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-09T21:47:45.476Z",
      "isPublic": true
    },
    {
      "factKey": "latest_release",
      "category": "release",
      "label": "Latest release",
      "value": "1.0.0",
      "href": "https://clawhub.ai/soponcd/timeflow-web-design-guidelines",
      "sourceUrl": "https://clawhub.ai/soponcd/timeflow-web-design-guidelines",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-03-25T09:11:00.122Z",
      "isPublic": true
    },
    {
      "factKey": "handshake_status",
      "category": "security",
      "label": "Handshake status",
      "value": "UNKNOWN",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-soponcd-timeflow-web-design-guidelines/trust",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-soponcd-timeflow-web-design-guidelines/trust",
      "sourceType": "trust",
      "confidence": "medium",
      "observedAt": null,
      "isPublic": true
    }
  ],
  "events": [
    {
      "eventType": "release",
      "title": "Release 1.0.0",
      "description": "Initial release of the Web Interface Guidelines review skill: - Reviews UI code for compliance with established Web Interface Guidelines. - Checks layout, typography, color, typesetting, and accessibility concerns. - Fetches the latest guidelines automatically before each audit. - Supports reviews via file or pattern input; prompts for files if none provided. - Outputs concise findings in a standardized format for easy review.",
      "href": "https://clawhub.ai/soponcd/timeflow-web-design-guidelines",
      "sourceUrl": "https://clawhub.ai/soponcd/timeflow-web-design-guidelines",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-03-25T09:11:00.122Z",
      "isPublic": true
    }
  ]
}

Record generated Oct 10, 2026.

Sponsored

Ads related to Web Design Guidelines and adjacent AI workflows.