agentCLAWHUBUnverified

Design Taste Frontend

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces tha... Skill: Design Taste Frontend Owner: akdira Summary: Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces tha... Tags: anti-slop:1.0.0, design:1.0.0, frontend:1.0.0, latest:1.0.0 Version history: v1.0.0 | 2026-06-17T18:32:20.158Z | user Adapted from Leonxlnx/taste-skill for OpenClaw. Anti-slop frontend design rules for

OpenClaw

Rank

62

Safety

84

Downloads

1.7k

Updated

Oct 10, 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. 1.7K downloads reported by the source. Last updated 10/10/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 10, 2026
Protocol compatibility
OpenClawcompatibility · observed Oct 10, 2026
Adoption signal
1.7K downloadsadoption · observed Oct 10, 2026
Latest release
1.0.0release · observed Jun 17, 2026
Handshake status
UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install s171w2df9actg46d1j6bxdcp5188vyk0:design-taste-frontend-condensed
  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-akdira-design-taste-frontend-condensed/snapshot"

Documentation

CLAWHUB

53,495 characters of source documentation, loaded on request.

Extracted files

3 files captured from the source.

SKILL.md

---
name: design-taste-frontend
description: Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
---

# tasteskill: Anti-Slop Frontend Skill

> Landing pages, portfolios, and redesigns. Not dashboards, not data tables, not multi-step product UI.
> Every rule below is **contextual**. None of it fires automatically. First read the brief, then pull only what fits.

---

## 0. BRIEF INFERENCE (Read the Room Before Anything Else)

Before touching code or tweaking dials, **infer what the user actually wants**. Most LLM design output is bad because the model jumps to a default aesthetic instead of reading the room.

### 0.A Read these signals first
1. **Page kind** - landing (SaaS / consumer / agency / event), portfolio (dev / designer / creative studio), redesign (preserve vs overhaul), editorial / blog.
2. **Vibe words** the user used - "minimalist", "calm", "Linear-style", "Awwwards", "brutalist", "premium consumer", "Apple-y", "playful", "serious B2B", "editorial", "agency-y", "glassy", "dark tech".
3. **Reference signals** - URLs they linked, screenshots they pasted, products they named, brands they're competing with.
4. **Audience** - B2B procurement panel vs. design-conscious consumer vs. recruiter scanning a portfolio. The audience picks the aesthetic, not your taste.
5. **Brand assets that already exist** - logo, color, type, photography. For redesigns, these are starting material, not optional input (see Section 11).
6. **Quiet constraints** - accessibility-first audiences, public-sector, regulated industries, trust-first commerce, kids' products. These constraints OVERRIDE aesthetic preference.

### 0.B Output a one-line "Design Read" before generating
Before any code, state in one line: **"Reading this as: \<page kind> for \<audience>, with a \<vibe> language, leaning toward \<design system or aesthetic family>."**

Example reads:
- *"Reading this as: B2B SaaS landing for technical buyers, with a Linear-style minimalist language, leaning toward Tailwind utilities + Geist + restrained motion."*
- *"Reading this as: solo designer portfolio for hiring managers, with an editorial / kinetic-type language, leaning toward native CSS + scroll-driven animation + custom typography."*
- *"Reading this as: redesign of a public-sector service site, with a trust-first language, leaning toward GOV.UK Frontend or USWDS."*

### 0.C If the brief is ambiguous, ask one question, do not guess
Ask exactly **one** clarifying question - never a multi-question dump - and only when the design read genuinely diverges. Example: *"Should this feel closer to Linear-clean or Awwwards-experimental?"*

If you can confidently infer from context, **do not ask**. Just declare the design read and proceed.

### 0.D Anti-Default Discipline
Do not default to: AI-purp

_meta.json

{
  "ownerId": "kn7135rsz1ccb51jkv8jxjacch88tyk9",
  "slug": "design-taste-frontend-condensed",
  "version": "1.0.0",
  "publishedAt": 1781721140158
}

skill-card.md

## Description:

Design Taste Frontend guides agents through brief-driven frontend design for landing pages, portfolios, and redesigns, including appropriate design-system choices, audit-first redesigns, and pre-flight quality checks.

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

## Publisher:

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

### License/Terms of Use:

MIT-0

## Use Case:

Frontend developers and agents use this skill to create landing pages, portfolios, and redesigns with brief-driven visual direction, appropriate design-system choices, accessibility checks, and pre-flight quality review.

### Deployment Geography for Use:

Global

## Known Risks and Mitigations:

Risk: The skill may guide agents to add frontend dependencies or run design-system scaffolding commands.

Mitigation: Approve dependency installs explicitly, pin package versions where practical, and review generated project changes before committing or deploying.

Risk: The skill may direct agents to use external image, logo, or placeholder asset sources.

Mitigation: Confirm asset licenses, availability, and suitability before using generated or external assets in production.

Risk: Frontend design guidance can produce misleading or inappropriate implementation changes if applied without review.

Mitigation: Review and scan generated code, commands, and configuration before deployment.

## Reference(s):

- [ClawHub Skill Page](https://clawhub.ai/akdira/skills/design-taste-frontend-condensed)
- [Material Web](https://m3.material.io/develop/web)
- [Fluent UI Web Components](https://learn.microsoft.com/en-us/fluent-ui/web-components/)
- [Carbon Design System](https://carbondesignsystem.com/)
- [GOV.UK Frontend](https://github.com/alphagov/govuk-frontend)
- [U.S. Web Design System](https://github.com/uswds/uswds)
- [Tailwind CSS v4](https://tailwindcss.com/blog/tailwindcss-v4)
- [MDN CSS Grid Layout](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout)

## Skill Output:

**Output Type(s):** [guidance, markdown, code, shell commands, configuration]

**Output Format:** [Markdown guidance with inline code and shell commands]

**Output Parameters:** [1D]

**Other Properties Related to Output:** [May recommend frontend dependencies, design-system packages, asset sources, accessibility checks, and project-specific implementation changes.]

## Skill Version(s):

1.0.0 (source: server evidence release.version)

## 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.
Github ReposUpdated 10h 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/akdira/skills/design-taste-frontend-condensed",
      "sourceUrl": "https://clawhub.ai/akdira/skills/design-taste-frontend-condensed",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-10T03:09:58.913Z",
      "isPublic": true
    },
    {
      "factKey": "protocols",
      "category": "compatibility",
      "label": "Protocol compatibility",
      "value": "OpenClaw",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-akdira-design-taste-frontend-condensed/contract",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-akdira-design-taste-frontend-condensed/contract",
      "sourceType": "contract",
      "confidence": "medium",
      "observedAt": "2026-10-10T03:09:58.913Z",
      "isPublic": true
    },
    {
      "factKey": "traction",
      "category": "adoption",
      "label": "Adoption signal",
      "value": "1.7K downloads",
      "href": "https://clawhub.ai/akdira/design-taste-frontend-condensed",
      "sourceUrl": "https://clawhub.ai/akdira/design-taste-frontend-condensed",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-10T03:09:58.913Z",
      "isPublic": true
    },
    {
      "factKey": "latest_release",
      "category": "release",
      "label": "Latest release",
      "value": "1.0.0",
      "href": "https://clawhub.ai/akdira/design-taste-frontend-condensed",
      "sourceUrl": "https://clawhub.ai/akdira/design-taste-frontend-condensed",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-06-17T18:32:20.158Z",
      "isPublic": true
    },
    {
      "factKey": "handshake_status",
      "category": "security",
      "label": "Handshake status",
      "value": "UNKNOWN",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-akdira-design-taste-frontend-condensed/trust",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-akdira-design-taste-frontend-condensed/trust",
      "sourceType": "trust",
      "confidence": "medium",
      "observedAt": null,
      "isPublic": true
    }
  ],
  "events": [
    {
      "eventType": "release",
      "title": "Release 1.0.0",
      "description": "Adapted from Leonxlnx/taste-skill for OpenClaw. Anti-slop frontend design rules for AI agents.",
      "href": "https://clawhub.ai/akdira/design-taste-frontend-condensed",
      "sourceUrl": "https://clawhub.ai/akdira/design-taste-frontend-condensed",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-06-17T18:32:20.158Z",
      "isPublic": true
    }
  ]
}

Record generated Oct 10, 2026.

Sponsored

Ads related to Design Taste Frontend and adjacent AI workflows.