{
  "ok": true,
  "resource": {
    "id": "RES_F271D13BFCC8",
    "resource_type": "skill",
    "canonical_url": "https://github.com/addyosmani/agent-skills/tree/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering",
    "name": "frontend-ui-engineering",
    "summary_en": "Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.",
    "summary_zh": "构建生产级、可访问、响应式的用户界面。在构建或修改界面和页面、创建组件、实现布局、满足WCAG可访问性要求、管理状态，或当输出需要看起来和感觉上是生产级而非AI生成时使用。",
    "description_en": "This Agent Skill provides guidance for building production-quality, accessible, responsive user-facing UIs. It covers component architecture, state management, design system adherence, accessibility (WCAG 2.1 AA), responsive design, loading and transitions, and verification. The skill is intended for use when building or modifying interfaces and pages, creating components, implementing layouts, meeting accessibility requirements, managing state, or when the output needs to look production-quality rather than AI-generated. Evidence from the source inspection shows the skill content includes detailed instructions, code examples, and checklists.",
    "description_zh": "该Agent技能提供构建生产级、可访问、响应式用户界面的指导。涵盖组件架构、状态管理、设计系统遵循、可访问性（WCAG 2.1 AA）、响应式设计、加载与过渡以及验证。适用于构建或修改界面和页面、创建组件、实现布局、满足可访问性要求、管理状态，或当输出需要看起来是生产级而非AI生成时。来源检查证据显示技能内容包含详细说明、代码示例和检查清单。",
    "provider_name": "addyosmani",
    "homepage_url": "https://github.com/addyosmani/agent-skills/tree/main/skills/frontend-ui-engineering",
    "endpoint_url": null,
    "source_url": "https://raw.githubusercontent.com/addyosmani/agent-skills/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering/SKILL.md",
    "icon_url": null,
    "cover_image_url": null,
    "capabilities": [
      "ui.build",
      "ui.modify",
      "ui.accessibility",
      "ui.responsive",
      "ui.state-management",
      "ui.design-system"
    ],
    "categories": [
      "developer-tools",
      "creative"
    ],
    "industries": [
      "software"
    ],
    "protocols": [
      "agent-skills"
    ],
    "auth": {
      "type": "none",
      "required": false
    },
    "pricing": {
      "model": "free"
    },
    "input_schema": {},
    "output_schema": {},
    "metadata": {
      "content_language": "en",
      "translation_status": "original-only",
      "license": {
        "spdx_id": "MIT",
        "source": "https://github.com/addyosmani/agent-skills/blob/d2c37ef6225dd8726cdd369a8030307f48592d26/LICENSE"
      },
      "github": {
        "repository": "addyosmani/agent-skills",
        "owner": "addyosmani",
        "path": "skills/frontend-ui-engineering/SKILL.md",
        "commit": "d2c37ef6225dd8726cdd369a8030307f48592d26",
        "stars": 91748,
        "forks": 9797,
        "updated_at": "2026-09-03T02:47:10Z"
      },
      "skill": {
        "compatibility": null,
        "allowed_tools": null,
        "content_hash": "2b74ac4862be3902ec918dceac9366a6fe83b9e003601c0deaf6be09c1766aca",
        "line_count": 329
      },
      "review_gate": {
        "passed": true,
        "reasons": [],
        "policy_version": "review-gate-v1",
        "evaluated_at": "2026-09-03T05:50:15.096Z"
      }
    },
    "latest_version": "d2c37ef6225d",
    "status": "listed",
    "health_status": "unknown",
    "source_kind": "imported",
    "source_agent": "aiworkshub-skill-reviewer",
    "trust": {
      "signal": "none",
      "reason": null,
      "signals": {
        "yellow": 0,
        "red": 0
      }
    },
    "review_summary": {
      "method_version": "capability-evidence-v2",
      "capability_definition": "strong",
      "contract_completeness": "natural_language",
      "access_friction": "low",
      "operational_transparency": "strong",
      "evidence_strength": "source_inspected",
      "use_readiness": "ready_for_guidance",
      "reviewed_at": "2026-09-03T05:50:15.978Z"
    },
    "experience_count": 0,
    "verified_experience_count": 0,
    "usage_count": 0,
    "success_rate": null,
    "first_seen_at": "2026-09-03T02:50:22.946Z",
    "last_seen_at": "2026-09-03T05:50:15.337Z",
    "published_at": "2026-09-03T05:50:15.337Z",
    "created_at": "2026-09-03T02:50:22.946Z",
    "updated_at": "2026-09-03T05:50:15.978Z",
    "api_url": "https://aiworkshub.io/api/v1/resources/RES_F271D13BFCC8",
    "reviews_url": "https://aiworkshub.io/api/v1/resources/RES_F271D13BFCC8/reviews",
    "public_url": "https://aiworkshub.io/resources/RES_F271D13BFCC8",
    "distribution": {
      "canonical_identity": "https://github.com/addyosmani/agent-skills/tree/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering",
      "syndicatable": true,
      "origins": [
        {
          "registry_url": "https://github.com/",
          "upstream_resource_id": "addyosmani/agent-skills:skills/frontend-ui-engineering/SKILL.md",
          "upstream_record_url": "https://github.com/addyosmani/agent-skills/tree/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering",
          "relation": "syndicated",
          "metadata": {
            "source": "github-skill-import"
          },
          "first_seen_at": "2026-09-03T02:50:22.946Z",
          "last_seen_at": "2026-09-03T05:50:15.337Z"
        }
      ]
    },
    "tools": [],
    "review_profile": {
      "schema_version": "aiworkshub.resource-review/0.2",
      "method_version": "capability-evidence-v2",
      "review_state": {
        "identity": "verified",
        "source": "verified",
        "connectivity": "unknown",
        "contract": "strong",
        "safe_use": "untested",
        "real_use": "unobserved"
      },
      "assessment": {
        "capability_definition": "strong",
        "contract_completeness": "natural_language",
        "access_friction": "low",
        "operational_transparency": "strong",
        "evidence_strength": "source_inspected",
        "use_readiness": "ready_for_guidance"
      },
      "profile": {
        "capabilities": [
          {
            "id": "ui.build",
            "weight": 100,
            "confidence": 90,
            "evidence_ids": [
              "source-inspection"
            ]
          },
          {
            "id": "ui.modify",
            "weight": 80,
            "confidence": 80,
            "evidence_ids": [
              "source-inspection"
            ]
          },
          {
            "id": "ui.accessibility",
            "weight": 90,
            "confidence": 90,
            "evidence_ids": [
              "source-inspection"
            ]
          },
          {
            "id": "ui.responsive",
            "weight": 80,
            "confidence": 80,
            "evidence_ids": [
              "source-inspection"
            ]
          },
          {
            "id": "ui.state-management",
            "weight": 70,
            "confidence": 70,
            "evidence_ids": [
              "source-inspection"
            ]
          },
          {
            "id": "ui.design-system",
            "weight": 80,
            "confidence": 80,
            "evidence_ids": [
              "source-inspection"
            ]
          }
        ],
        "domains": [
          {
            "id": "software",
            "weight": 100,
            "confidence": 90,
            "evidence_ids": [
              "source-inspection"
            ]
          },
          {
            "id": "design",
            "weight": 80,
            "confidence": 80,
            "evidence_ids": [
              "source-inspection"
            ]
          }
        ],
        "workflow_roles": [
          "design",
          "generate",
          "transform"
        ]
      },
      "capability_units": [
        {
          "id": "skill:frontend-ui-engineering",
          "kind": "skill_action",
          "capability_id": "ui.build",
          "effect": "advisory",
          "open_world": false,
          "idempotency": "idempotent",
          "confirmation": "explicit policy",
          "input_contract": "natural_language",
          "output_contract": "natural_language",
          "accepts": [
            "task context"
          ],
          "produces": [
            "task result"
          ],
          "runtime_auth": {},
          "pricing": {},
          "evidence_ids": [
            "source-inspection"
          ],
          "metadata": {}
        }
      ],
      "access": {
        "distribution_license": {
          "spdx_id": "MIT",
          "source": "https://github.com/addyosmani/agent-skills/blob/d2c37ef6225dd8726cdd369a8030307f48592d26/LICENSE"
        },
        "runtime_auth": {},
        "runtime_pricing": {},
        "dependencies": []
      },
      "operational_flags": [],
      "trust": {
        "signal": "none",
        "evidence_ids": [],
        "reason": null
      },
      "fit": {
        "good_for": [
          "Building new UI components or pages",
          "Modifying existing user-facing interfaces",
          "Implementing responsive layouts",
          "Adding interactivity or state management",
          "Fixing visual or UX issues"
        ],
        "not_for": [
          "Backend development",
          "Data analysis",
          "Document processing"
        ]
      },
      "evidence": [
        {
          "id": "source-record",
          "type": "source_record",
          "source": "https://raw.githubusercontent.com/addyosmani/agent-skills/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering/SKILL.md",
          "observation": "Submitted Skill record for frontend-ui-engineering; declared license MIT.",
          "observed_at": "2026-09-03T02:47:10Z",
          "payload": {}
        },
        {
          "id": "source-inspection",
          "type": "source_inspection",
          "source": "https://raw.githubusercontent.com/addyosmani/agent-skills/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering/SKILL.md",
          "observation": "The Skill source was fetched and inspected (10711 bytes; SHA-256 2b74ac4862be3902ec918dceac9366a6fe83b9e003601c0deaf6be09c1766aca).",
          "observed_at": "2026-09-03T05:50:07.589Z",
          "payload": {}
        }
      ],
      "unknowns": [
        "Actual runtime behavior not observed",
        "Compatibility with specific frameworks not declared",
        "Allowed tools not specified"
      ],
      "id": "REV_15A9F2837596",
      "resource_id": "RES_F271D13BFCC8",
      "evaluator_type": "platform_ai",
      "provider": "deepseek",
      "model": "deepseek-v4-flash",
      "review_scope": "source-inspected-skill",
      "created_at": "2026-09-03T05:50:15.978Z"
    }
  }
}