feat: web-designer skill package v0.1.0

2026-08-14 17:03:15 +02:00
commit 25d03a2d8e
9 changed files with 1166 additions and 0 deletions
--- a/PROVENANCE.md
+++ b/PROVENANCE.md
@@ -0,0 +1,31 @@
+# Data provenance — web-designer
+
+Where the content of this skill package comes from, counted by
+content items (tasks, competences, tools, evidence entries, curated
+knowledge). Rendered live by Gitea:
+
+```mermaid
+%%{init: {'theme':'base','themeVariables':{'pie1':'#f9a825','pie2':'#1e88e5','pie3':'#ff355e','pie4':'#d97757','pie5':'#8e24aa','pieOuterStrokeWidth':'0px','pieSectionTextColor':'#fff'}}}%%
+pie showData
+    title Content sources — web-designer
+    "ESCO (occupation & competences)" : 23
+    "O*NET (tasks & tools)" : 116
+    "Job boards (market evidence)" : 152
+    "Anthropic official Claude skills" : 11
+    "External AI skill packs (mapped)" : 177
+```
+
+| Source | Items | Share | Files |
+|---|---|---|---|
+| ESCO (occupation & competences) | 23 | 4.8 % | references/profile.md, references/skills.md |
+| O*NET (tasks & tools) | 116 | 24.2 % | references/tasks.md, references/tools.md |
+| Job boards (market evidence) | 152 | 31.7 % | references/market.md (full report) + "Market evidence" headline sections |
+| Wikipedia & AI expert curation | 0 | 0.0 % | glossary, literature, usecases, intake, quality, evals/ |
+| Anthropic official Claude skills | 11 | 2.3 % | references/ai-skills.md, section "anthropics/skills" (official Claude Code skills) |
+| External AI skill packs (mapped) | 177 | 37.0 % | references/ai-skills.md (per-source attribution inside) |
+| Stack Exchange practitioner Q&A (CC-BY-SA) | 0 | 0.0 % | references/practitioner-qa.md (per-entry attribution inside) |
+
+Licensing: O*NET (USDOL/ETA, CC BY 4.0) · ESCO (© European Union) ·
+job-ad evidence via official APIs (JSearch/Adzuna) · Wikipedia content
+paraphrased with source URLs — never copied · external AI skills are
+linked, not copied (Apache-2.0/MIT/source-available, see ai-skills.md).
--- a/SKILL.md
+++ b/SKILL.md
@@ -0,0 +1,45 @@
+---
+name: web-designer
+description: "Occupational skill for the role 'web designer' (also: website designer, digital designer, multimedia web designer, marketing web designer, interactive web designer, graphic web designer). Use when the user asks for typical web designer work such as: Maintain archive of images, photos, or previous work products.; Research new software or design concepts.; Prepare digital files for printing."
+---
+
+# Web Designer
+
+Web designers create the visual elements, layout, and usability of websites, overseeing each phase of development from initial design through implementation and launch. Working collaboratively with front-end developers, they design user interfaces that both meet customer needs and are aesthetically appealing, developing mock-ups and confirming the technical feasibility of designs. They utilize a variety of website elements—including graphics, animations, text, videos, and photos—and maintain communication with clients and company stakeholders to ensure the final website design fulfills requirements.
+
+## Core workflow
+
+1. Maintain archive of images, photos, or previous work products.
+2. Research new software or design concepts.
+3. Prepare digital files for printing.
+4. Research the target audience of projects.
+5. Create designs, concepts, and sample layouts, based on knowledge of layout principles and esthetic design concepts.
+6. Determine size and arrangement of illustrative material and copy, and select style and size of type.
+7. Use computer software to generate new images.
+8. Mark up, paste, and assemble final layouts to prepare layouts for printer.
+
+## How to use this skill
+
+- Read [references/profile.md](references/profile.md) for the occupation profile and scope.
+- Consult [references/tasks.md](references/tasks.md) for the full task and activity inventory.
+- Check [references/skills.md](references/skills.md) for essential vs. optional competences.
+- Check [references/tools.md](references/tools.md) for the software commonly used in this role.
+- See [references/ai-skills.md](references/ai-skills.md) — matched external AI agent skills (tiered, per-source attribution).
+- See [references/market.md](references/market.md) — FULL market-evidence report from real job ads (rankings, seniority, titles).
+
+## Key competences (essential)
+
+- collaborate with designers
+- compose description for web elements
+- create website wireframe
+- establish customer rapport
+- implement front-end website design
+- JavaScript
+- JavaScript Framework
+- use markup languages
+- web programming
+- WebCMS
+
+---
+*Sources: ESCO v1.2.1 (http://data.europa.eu/esco/occupation/30ed83ba-cc89-4d9f-a59d-5c783c1da56e), O*NET 30.3 (27-1024.00). See manifest.json for licensing/attribution.*
+*O*NET nearest match: 27-1024.00 manual nearest via ISCO 2166 (Graphic Designers) (proxy — no exact O*NET occupation exists).*
--- a/manifest.json
+++ b/manifest.json
@@ -0,0 +1,286 @@
+{
+  "name": "web-designer",
+  "title": "web designer",
+  "version": "0.1.0",
+  "layer": "core",
+  "language": "en",
+  "generated": "2026-07-14",
+  "ids": {
+    "esco_uri": "http://data.europa.eu/esco/occupation/30ed83ba-cc89-4d9f-a59d-5c783c1da56e",
+    "esco_code": "2166.15",
+    "isco_group": "2166",
+    "onet_soc": "27-1024.00",
+    "crosswalk_match": "manual nearest via ISCO 2166 (Graphic Designers)"
+  },
+  "sources": [
+    {
+      "name": "ESCO",
+      "version": "1.2.1",
+      "url": "https://esco.ec.europa.eu/"
+    },
+    {
+      "name": "O*NET",
+      "version": "30.3",
+      "url": "https://www.onetcenter.org/",
+      "license": "CC BY 4.0"
+    }
+  ],
+  "attribution": "This package includes information from the O*NET Database (v30.3) by the U.S. Department of Labor, Employment and Training Administration (USDOL/ETA), CC BY 4.0. skillfactor is not endorsed by USDOL/ETA. ESCO data (v1.2.1) (c) European Union, used per the ESCO download conditions: https://esco.ec.europa.eu/en/use-esco/download",
+  "counts": {
+    "tasks": 19,
+    "dwas": 17,
+    "skills_essential": 10,
+    "skills_optional": 12,
+    "software": 79
+  },
+  "collar": "white",
+  "computer_work": true,
+  "enrichment_ai_skills": {
+    "generated": "2026-07-14",
+    "method": "deterministic mapping (ISCO prefix + title/competence keywords)",
+    "sources": {
+      "anthropics/skills": {
+        "repo": "https://github.com/anthropics/skills",
+        "commit": "f6656c1",
+        "license": "Apache-2.0; the document skills (docx/pdf/pptx/xlsx) are source-available \u2014 see the LICENSE.txt in the upstream skill folder",
+        "skills": 8
+      },
+      "wshobson/agents": {
+        "repo": "https://github.com/wshobson/agents",
+        "commit": "6fd3247",
+        "license": "MIT (c) Seth Hobson",
+        "skills": 12
+      },
+      "google/skills": {
+        "repo": "https://github.com/google/skills",
+        "commit": "b15f327",
+        "license": "Apache-2.0",
+        "skills": 2
+      },
+      "angular/skills": {
+        "repo": "https://github.com/angular/skills",
+        "commit": "5dd20da",
+        "license": "no explicit license \u2014 referenced by link only",
+        "skills": 2
+      },
+      "ConardLi/garden-skills": {
+        "repo": "https://github.com/ConardLi/garden-skills",
+        "commit": "fbd6453",
+        "license": "MIT",
+        "skills": 3
+      },
+      "veniceai/skills": {
+        "repo": "https://github.com/veniceai/skills",
+        "commit": "de089fa",
+        "license": "MIT",
+        "skills": 1
+      },
+      "ehmo/platform-design-skills": {
+        "repo": "https://github.com/ehmo/platform-design-skills",
+        "commit": "dc2be82",
+        "license": "MIT",
+        "skills": 1
+      },
+      "davila7/claude-code-templates": {
+        "repo": "https://github.com/davila7/claude-code-templates",
+        "commit": "fa79251",
+        "license": "MIT",
+        "skills": 6
+      },
+      "plugin87/ux-ui-agent-skills": {
+        "repo": "https://github.com/plugin87/ux-ui-agent-skills",
+        "commit": "93a7fbb",
+        "license": "no explicit license \u2014 referenced by link only",
+        "skills": 2
+      },
+      "nexu-io/open-design": {
+        "repo": "https://github.com/nexu-io/open-design",
+        "commit": "4b66023",
+        "license": "Apache-2.0",
+        "skills": 7
+      },
+      "worldwonderer/novel-to-game": {
+        "repo": "https://github.com/worldwonderer/novel-to-game",
+        "commit": "3c18abd",
+        "license": "MIT",
+        "skills": 1
+      },
+      "nimbalyst/nimbalyst": {
+        "repo": "https://github.com/nimbalyst/nimbalyst",
+        "commit": "7f15256",
+        "license": "MIT",
+        "skills": 1
+      },
+      "foryourhealth111-pixel/Vibe-Skills": {
+        "repo": "https://github.com/foryourhealth111-pixel/Vibe-Skills",
+        "commit": "34429a8",
+        "license": "Apache-2.0",
+        "skills": 1
+      },
+      "jezweb/claude-skills": {
+        "repo": "https://github.com/jezweb/claude-skills",
+        "commit": "e875a6b",
+        "license": "MIT",
+        "skills": 2
+      },
+      "wanshuiyin/Auto-claude-code-research-in-sleep": {
+        "repo": "https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep",
+        "commit": "eb5c9d7",
+        "license": "MIT",
+        "skills": 1
+      },
+      "Leonxlnx/taste-skill": {
+        "repo": "https://github.com/Leonxlnx/taste-skill",
+        "commit": "b177427",
+        "license": "MIT",
+        "skills": 3
+      },
+      "secondsky/claude-skills": {
+        "repo": "https://github.com/secondsky/claude-skills",
+        "commit": "c4889f6",
+        "license": "MIT",
+        "skills": 2
+      },
+      "infrasity-labs/dev-gtm-claude-skills": {
+        "repo": "https://github.com/infrasity-labs/dev-gtm-claude-skills",
+        "commit": "02cfefb",
+        "license": "MIT",
+        "skills": 2
+      },
+      "nextlevelbuilder/ui-ux-pro-max-skill": {
+        "repo": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill",
+        "commit": "fe3f65e",
+        "license": "MIT",
+        "skills": 1
+      },
+      "anbeime/skill": {
+        "repo": "https://github.com/anbeime/skill",
+        "commit": "ddad607",
+        "license": "no explicit license \u2014 referenced by link only",
+        "skills": 1
+      },
+      "fcakyon/claude-codex-settings": {
+        "repo": "https://github.com/fcakyon/claude-codex-settings",
+        "commit": "44b7c00",
+        "license": "Apache-2.0",
+        "skills": 1
+      },
+      "antfu/skills": {
+        "repo": "https://github.com/antfu/skills",
+        "commit": "a74f281",
+        "license": "MIT",
+        "skills": 1
+      },
+      "Charlie85270/Dorothy": {
+        "repo": "https://github.com/Charlie85270/Dorothy",
+        "commit": "470b8ac",
+        "license": "MIT",
+        "skills": 1
+      },
+      "CloudAI-X/claude-workflow-v2": {
+        "repo": "https://github.com/CloudAI-X/claude-workflow-v2",
+        "commit": "4c242af",
+        "license": "MIT",
+        "skills": 1
+      },
+      "affaan-m/everything-claude-code": {
+        "repo": "https://github.com/affaan-m/everything-claude-code",
+        "commit": "ed38744",
+        "license": "MIT",
+        "skills": 1
+      },
+      "garrytan/gstack": {
+        "repo": "https://github.com/garrytan/gstack",
+        "commit": "7c9df1c",
+        "license": "MIT",
+        "skills": 1
+      },
+      "vibeeval/vibecosystem": {
+        "repo": "https://github.com/vibeeval/vibecosystem",
+        "commit": "cea9462",
+        "license": "MIT",
+        "skills": 1
+      },
+      "tzachbon/smart-ralph": {
+        "repo": "https://github.com/tzachbon/smart-ralph",
+        "commit": "b26bb23",
+        "license": "MIT",
+        "skills": 1
+      },
+      "a5c-ai/babysitter": {
+        "repo": "https://github.com/a5c-ai/babysitter",
+        "commit": "44a5d58b",
+        "license": "MIT",
+        "skills": 4
+      },
+      "giuseppe-trisciuoglio/developer-kit": {
+        "repo": "https://github.com/giuseppe-trisciuoglio/developer-kit",
+        "commit": "306f428",
+        "license": "MIT",
+        "skills": 1
+      },
+      "jabrena/plinth": {
+        "repo": "https://github.com/jabrena/plinth",
+        "commit": "065eae8",
+        "license": "Apache-2.0",
+        "skills": 1
+      },
+      "gooseworks-ai/goose-skills": {
+        "repo": "https://github.com/gooseworks-ai/goose-skills",
+        "commit": "94ec916",
+        "license": "no explicit license \u2014 referenced by link only",
+        "skills": 1
+      },
+      "inkline/inkline": {
+        "repo": "https://github.com/inkline/inkline",
+        "commit": "fcc2bf4",
+        "license": "no explicit license \u2014 referenced by link only",
+        "skills": 1
+      },
+      "jeremylongshore/claude-code-plugins-plus-skills": {
+        "repo": "https://github.com/jeremylongshore/claude-code-plugins-plus-skills",
+        "commit": "e112938a",
+        "license": "MIT",
+        "skills": 2
+      },
+      "mxyhi/ok-skills": {
+        "repo": "https://github.com/mxyhi/ok-skills",
+        "commit": "94707b6",
+        "license": "Apache-2.0",
+        "skills": 2
+      },
+      "joeyvansommeren/journey-mapper": {
+        "repo": "https://github.com/joeyvansommeren/journey-mapper",
+        "commit": "bbb316a",
+        "license": "Apache-2.0",
+        "skills": 1
+      }
+    },
+    "total_skills": 80,
+    "tiers": {
+      "core": 69,
+      "adjacent": 11
+    }
+  },
+  "provenance": {
+    "items": {
+      "esco": 23,
+      "onet": 116,
+      "jobads": 152,
+      "wiki_ai": 0,
+      "anthropic": 11,
+      "ai_skills": 177,
+      "stackx": 0
+    },
+    "share_percent": {
+      "esco": 4.8,
+      "onet": 24.2,
+      "jobads": 31.7,
+      "wiki_ai": 0.0,
+      "anthropic": 2.3,
+      "ai_skills": 37.0,
+      "stackx": 0.0
+    },
+    "method": "content items per source category"
+  }
+}
--- a/references/ai-skills.md
+++ b/references/ai-skills.md
@@ -0,0 +1,386 @@
+# External AI agent skills — web-designer
+
+Proven, publicly available AI agent skills mapped to this occupation.
+Nothing is copied from the sources: every entry is a name, a one-line
+summary and a link to the upstream skill package. Each section names
+its source repository, commit, license and retrieval date.
+
+**Tiers:** `core` = the skill directly exercises a top market hard
+skill, tool or method (from gated job-ad evidence) or an essential
+ESCO competence of this occupation; `adjacent` =
+plausibly useful, secondary. Entries are capped at 12 per source
+and 80 in total per occupation (core first,
+strongest matches survive); everything beyond the caps is excluded
+and logged in the pipeline audit trail, not in this package.
+
+_Matched deterministically (ISCO group + title/competence keywords,
+tiered against market evidence + ESCO essentials) by
+`pipeline/p5_enrich_ai_skills.py` on 2026-07-14._
+
+## Source: anthropics/skills
+
+- Repository: [https://github.com/anthropics/skills](https://github.com/anthropics/skills) (commit `f6656c1`, retrieved 2026-07-14)
+- License: Apache-2.0; the document skills (docx/pdf/pptx/xlsx) are source-available — see the LICENSE.txt in the upstream skill folder
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-artifacts-builder` | core | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components … | [source](https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder) |
+| `canvas-design` | core | Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying … | [source](https://github.com/anthropics/skills/tree/main/skills/canvas-design) |
+| `theme-factory` | core | Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate … | [source](https://github.com/anthropics/skills/tree/main/skills/theme-factory) |
+| `brand-guidelines` | adjacent | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply. | [source](https://github.com/anthropics/skills/tree/main/skills/brand-guidelines) |
+| `frontend-design` | adjacent | Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults. | [source](https://github.com/anthropics/skills/tree/main/skills/frontend-design) |
+| `docx` | adjacent | Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', '.dotx', or requests to … | [source](https://github.com/anthropics/skills/tree/main/skills/docx) |
+| `algorithmic-art` | adjacent | Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original … | [source](https://github.com/anthropics/skills/tree/main/skills/algorithmic-art) |
+| `pdf` | adjacent | Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating … | [source](https://github.com/anthropics/skills/tree/main/skills/pdf) |
+
+## Source: wshobson/agents
+
+- Repository: [https://github.com/wshobson/agents](https://github.com/wshobson/agents) (commit `6fd3247`, retrieved 2026-07-14)
+- License: MIT (c) Seth Hobson
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `javascript-testing-patterns` | core | Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit tests, integration tests, and end-to-end testing with mocking, fixtures, and test-driven development. Use when writing JavaScript/TypeScript tests, … | [source](https://github.com/wshobson/agents/tree/main/plugins/javascript-typescript/skills/javascript-testing-patterns) |
+| `web-component-design` | core | Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems. | [source](https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/web-component-design) |
+| `responsive-design` | core | Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive … | [source](https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/responsive-design) |
+| `tailwind-design-system` | core | Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns. | [source](https://github.com/wshobson/agents/tree/main/plugins/frontend-mobile-development/skills/tailwind-design-system) |
+| `ui-ux-designer (agent)` | core | Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, … | [source](https://github.com/wshobson/agents/tree/main/plugins/multi-platform-apps/agents/ui-ux-designer.md) |
+| `accessibility-compliance` | core | Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive … | [source](https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/accessibility-compliance) |
+| `nodejs-backend-patterns` | core | Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, … | [source](https://github.com/wshobson/agents/tree/main/plugins/javascript-typescript/skills/nodejs-backend-patterns) |
+| `api-design-principles` | core | Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards. | [source](https://github.com/wshobson/agents/tree/main/plugins/backend-development/skills/api-design-principles) |
+| `interaction-design` | core | Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences. | [source](https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/interaction-design) |
+| `multi-platform-apps-backend-architect (agent)` | core | Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems. Masters REST/GraphQL/gRPC APIs, event-driven architectures, service mesh patterns, and modern backend frameworks. Handles … | [source](https://github.com/wshobson/agents/tree/main/plugins/multi-platform-apps/agents/backend-architect.md) |
+| `architecture-patterns` | core | Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design. Use this skill when designing clean architecture for a new microservice, when refactoring a monolith to use … | [source](https://github.com/wshobson/agents/tree/main/plugins/backend-development/skills/architecture-patterns) |
+| `mobile-ios-design` | core | Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles. | [source](https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/mobile-ios-design) |
+
+## Source: angular/skills
+
+- Repository: [https://github.com/angular/skills](https://github.com/angular/skills) (commit `5dd20da`, retrieved 2026-07-14)
+- License: no explicit license — referenced by link only
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `angular-new-app` | adjacent | Creates a new Angular app using the Angular CLI. This skill should be used whenever a user wants to create a new Angular application and contains important guidelines for how to effectively create a modern Angular application. | [source](https://github.com/angular/skills/tree/5dd20da/angular-new-app) |
+| `angular-developer` | adjacent | Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, … | [source](https://github.com/angular/skills/tree/5dd20da/angular-developer) |
+
+## Source: ConardLi/garden-skills
+
+- Repository: [https://github.com/ConardLi/garden-skills](https://github.com/ConardLi/garden-skills) (commit `fbd6453`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-design-engineer` | core | Build polished visual web artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use when the user wants a browser-rendered, interactive, or presentational … | [source](https://github.com/ConardLi/garden-skills/tree/fbd6453/skills/web-design-engineer) |
+| `beautiful-article` | core | 把用户提供的素材（网页 URL / PDF / DOCX / Markdown / 纯文本 / 截图 / 粘贴材料）编辑、设计成一篇美丽的、可离线打开和分享的**单文件 HTML 网页文章**。基于 reacticle 组件协议：不手写裸 HTML/CSS，而用语义组件 + 受主题约束的 Raw 自由层；按 source→规划→双确认→生成→终审→修复的小型 harness 流程推进，默认 100% 信息保留的长文。触发场景：把 URL/PDF/DOCX/文章做成网页文章 … | [source](https://github.com/ConardLi/garden-skills/tree/fbd6453/skills/beautiful-article) |
+| `gpt-image-2` | adjacent | 面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染好的 prompt 交给宿主 Agent 自带的图像工具出图；(C) Advisor 模式，宿主无任何图像工具时退化为高质量 prompt 顾问。涵盖 18 大类、80+ 个结构化模板，覆盖海报 / UI / 产品 / 信息图 / 学术图 … | [source](https://github.com/ConardLi/garden-skills/tree/fbd6453/skills/gpt-image-2) |
+
+## Source: a5c-ai/babysitter
+
+- Repository: [https://github.com/a5c-ai/babysitter](https://github.com/a5c-ai/babysitter) (commit `44a5d58b`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `tailwind-css` | core | Tailwind CSS configuration, custom plugins, design systems, theming, and component patterns for modern web applications. | [source](https://github.com/a5c-ai/babysitter/tree/44a5d58b/library/specializations/web-development/skills/tailwind-css) |
+| `typescript-sdk-specialist` | core | TypeScript SDK development with Node.js and browser support. Design SDK architecture, implement type-safe API clients, support ESM and CommonJS modules, and configure bundling for browsers. | [source](https://github.com/a5c-ai/babysitter/tree/44a5d58b/library/specializations/sdk-platform-development/skills/typescript-sdk-specialist) |
+| `graphql` | core | GraphQL schema design, resolvers, directives, subscriptions, and best practices for API development. | [source](https://github.com/a5c-ai/babysitter/tree/44a5d58b/library/specializations/web-development/skills/graphql) |
+| `growing-outside-in-systems` | core | Drive feature development using Outside-In TDD with Hexagonal Architecture. Design emerges through inline code, in-memory fakes, interface extraction, and deferred I/O. Use when building features, writing tests, or structuring backend … | [source](https://github.com/a5c-ai/babysitter/tree/44a5d58b/library/specializations/backend-development/skills/growing-outside-in-systems) |
+
+## Source: affaan-m/everything-claude-code
+
+- Repository: [https://github.com/affaan-m/everything-claude-code](https://github.com/affaan-m/everything-claude-code) (commit `ed38744`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `accessibility` | core | Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards. Use this skill to generate semantic ARIA for Web and accessibility traits for Web and Native platforms (iOS/Android). | [source](https://github.com/affaan-m/everything-claude-code/tree/ed38744/skills/accessibility) |
+
+## Source: anbeime/skill
+
+- Repository: [https://github.com/anbeime/skill](https://github.com/anbeime/skill) (commit `ddad607`, retrieved 2026-07-14)
+- License: no explicit license — referenced by link only
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-design-analyzer` | core | 分析网页截图，提取设计系统（Design System）并生成结构化数据和可用的 AI Coding Prompt。适用于 UI/UX 设计师和前端工程师需要从现有网页设计中提取设计规范、配色方案、排版系统和组件风格的场景。 | [source](https://github.com/anbeime/skill/tree/ddad607/skills/web-design-analyzer/web-design-analyzer) |
+
+## Source: antfu/skills
+
+- Repository: [https://github.com/antfu/skills](https://github.com/antfu/skills) (commit `a74f281`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-design-guidelines` | core | 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". | [source](https://github.com/antfu/skills/tree/a74f281/skills/web-design-guidelines) |
+
+## Source: Charlie85270/Dorothy
+
+- Repository: [https://github.com/Charlie85270/Dorothy](https://github.com/Charlie85270/Dorothy) (commit `470b8ac`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-design-guidelines` | core | 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". | [source](https://github.com/Charlie85270/Dorothy/tree/470b8ac/.agents/skills/web-design-guidelines) |
+
+## Source: CloudAI-X/claude-workflow-v2
+
+- Repository: [https://github.com/CloudAI-X/claude-workflow-v2](https://github.com/CloudAI-X/claude-workflow-v2) (commit `4c242af`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-design-guidelines` | core | Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", "check my site against best practices", or "web interface guidelines". | [source](https://github.com/CloudAI-X/claude-workflow-v2/tree/4c242af/skills/web-design-guidelines) |
+
+## Source: davila7/claude-code-templates
+
+- Repository: [https://github.com/davila7/claude-code-templates](https://github.com/davila7/claude-code-templates) (commit `fa79251`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `coding-standards` | core | Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development. | [source](https://github.com/davila7/claude-code-templates/tree/fa79251/cli-tool/components/skills/development/cc-skill-coding-standards) |
+| `web-design-guidelines` | core | 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". | [source](https://github.com/davila7/claude-code-templates/tree/fa79251/cli-tool/components/skills/creative-design/web-design-guidelines) |
+| `Accessibility Auditor` | core | Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites for accessibility issues, implementing WCAG 2.1 AA/AAA standards, testing with screen readers, or ensuring ADA … | [source](https://github.com/davila7/claude-code-templates/tree/fa79251/cli-tool/components/skills/creative-design/accessibility-auditor) |
+| `premium-web-design` | core | Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or … | [source](https://github.com/davila7/claude-code-templates/tree/fa79251/cli-tool/components/skills/creative-design/premium-web-design) |
+| `senior-frontend` | core | Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. … | [source](https://github.com/davila7/claude-code-templates/tree/fa79251/cli-tool/components/skills/development/senior-frontend) |
+| `develop-web-game` | core | Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect … | [source](https://github.com/davila7/claude-code-templates/tree/fa79251/cli-tool/components/skills/creative-design/develop-web-game) |
+
+## Source: ehmo/platform-design-skills
+
+- Repository: [https://github.com/ehmo/platform-design-skills](https://github.com/ehmo/platform-design-skills) (commit `dc2be82`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-design-guidelines` | core | Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, … | [source](https://github.com/ehmo/platform-design-skills/tree/dc2be82/skills/web) |
+
+## Source: fcakyon/claude-codex-settings
+
+- Repository: [https://github.com/fcakyon/claude-codex-settings](https://github.com/fcakyon/claude-codex-settings) (commit `44b7c00`, retrieved 2026-07-14)
+- License: Apache-2.0
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `web-design-guidelines` | core | 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". | [source](https://github.com/fcakyon/claude-codex-settings/tree/44b7c00/plugins/react-skills/skills/web-design-guidelines) |
+
+## Source: foryourhealth111-pixel/Vibe-Skills
+
+- Repository: [https://github.com/foryourhealth111-pixel/Vibe-Skills](https://github.com/foryourhealth111-pixel/Vibe-Skills) (commit `34429a8`, retrieved 2026-07-14)
+- License: Apache-2.0
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `autonomous-builder` | core | Full-stack software development agent for design, implementation, testing, and deployment. Use when the user explicitly asks for end-to-end project creation, feature development, bug fixing, or code refactoring. | [source](https://github.com/foryourhealth111-pixel/Vibe-Skills/tree/34429a8/bundled/skills/autonomous-builder) |
+
+## Source: garrytan/gstack
+
+- Repository: [https://github.com/garrytan/gstack](https://github.com/garrytan/gstack) (commit `7c9df1c`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `design-html` | core | Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack) | [source](https://github.com/garrytan/gstack/tree/7c9df1c/design-html) |
+
+## Source: giuseppe-trisciuoglio/developer-kit
+
+- Repository: [https://github.com/giuseppe-trisciuoglio/developer-kit](https://github.com/giuseppe-trisciuoglio/developer-kit) (commit `306f428`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `tailwind-css-patterns` | core | Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, … | [source](https://github.com/giuseppe-trisciuoglio/developer-kit/tree/306f428/plugins/developer-kit-typescript/skills/tailwind-css-patterns) |
+
+## Source: gooseworks-ai/goose-skills
+
+- Repository: [https://github.com/gooseworks-ai/goose-skills](https://github.com/gooseworks-ai/goose-skills) (commit `94ec916`, retrieved 2026-07-14)
+- License: no explicit license — referenced by link only
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `create-html-carousel` | core | Create LinkedIn carousel posts as high-quality PNG images. Design informational multi-slide posts like "5 AI GTM workflows" with consistent styling, then automatically screenshot each slide at LinkedIn's optimal 1080x1080px format. | [source](https://github.com/gooseworks-ai/goose-skills/tree/94ec916/skills/design/capabilities/create-html-carousel) |
+
+## Source: infrasity-labs/dev-gtm-claude-skills
+
+- Repository: [https://github.com/infrasity-labs/dev-gtm-claude-skills](https://github.com/infrasity-labs/dev-gtm-claude-skills) (commit `02cfefb`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `ui-styling` | core | Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, … | [source](https://github.com/infrasity-labs/dev-gtm-claude-skills/tree/02cfefb/.claude/skills/ui-styling) |
+| `web-design-guidelines` | core | 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". | [source](https://github.com/infrasity-labs/dev-gtm-claude-skills/tree/02cfefb/.claude/skills/web-design-guidelines) |
+
+## Source: inkline/inkline
+
+- Repository: [https://github.com/inkline/inkline](https://github.com/inkline/inkline) (commit `fcc2bf4`, retrieved 2026-07-14)
+- License: no explicit license — referenced by link only
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `design-token-architecture` | core | How design tokens and recipes flow from styleframe into Inkline — the presets, the two faces of virtual:styleframe, recipe class contracts, theming, and the rules for custom CSS in components. Use when designing, extending, or debugging … | [source](https://github.com/inkline/inkline/tree/fcc2bf4/.claude/skills/design-token-architecture) |
+
+## Source: jabrena/plinth
+
+- Repository: [https://github.com/jabrena/plinth](https://github.com/jabrena/plinth) (commit `065eae8`, retrieved 2026-07-14)
+- License: Apache-2.0
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `123-java-design-patterns` | core | Use when you need to select, review, or implement Java design and integration patterns — including classic Java design patterns, REST API patterns, Kafka and event-driven patterns, database and persistence patterns, and cross-cutting … | [source](https://github.com/jabrena/plinth/tree/065eae8/skills/123-java-design-patterns) |
+
+## Source: jeremylongshore/claude-code-plugins-plus-skills
+
+- Repository: [https://github.com/jeremylongshore/claude-code-plugins-plus-skills](https://github.com/jeremylongshore/claude-code-plugins-plus-skills) (commit `e112938a`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `form-tokens` | core | Use when asked to define a design token system, create tokens, document tokens, set up CSS custom properties, build a Tailwind token config, establish a spacing scale, define color semantics, or bridge design decisions to code. Examples: … | [source](https://github.com/jeremylongshore/claude-code-plugins-plus-skills/tree/e112938a/plugins/ai-agency/tonone/skills/form-tokens) |
+| `form-web` | core | Use when asked to design a landing page, marketing website, or any web presence intended to convert or inform. Examples: "design a landing page for X", "create a marketing site", "we need a homepage", "design our website", "build a page … | [source](https://github.com/jeremylongshore/claude-code-plugins-plus-skills/tree/e112938a/plugins/ai-agency/tonone/skills/form-web) |
+
+## Source: jezweb/claude-skills
+
+- Repository: [https://github.com/jezweb/claude-skills](https://github.com/jezweb/claude-skills) (commit `e875a6b`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `landing-page` | core | Generate a complete, deployable landing page from a brief. Produces a single self-contained HTML file with Tailwind CSS (via CDN), responsive design, dark mode, semantic HTML, and OG meta tags. Sections: hero with CTA, features, social … | [source](https://github.com/jezweb/claude-skills/tree/e875a6b/plugins/frontend/skills/landing-page) |
+| `design-review` | core | Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, interaction patterns, and responsive behaviour. Not a UX audit (that checks usability) — this checks whether it looks … | [source](https://github.com/jezweb/claude-skills/tree/e875a6b/plugins/frontend/skills/design-review) |
+
+## Source: joeyvansommeren/journey-mapper
+
+- Repository: [https://github.com/joeyvansommeren/journey-mapper](https://github.com/joeyvansommeren/journey-mapper) (commit `bbb316a`, retrieved 2026-07-14)
+- License: Apache-2.0
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `journey-mapper` | core | Scans a codebase and generates a self-contained HTML service-design journey map — NN/g combined customer journey + service blueprint format. Use when the user wants to map user journeys, create journey maps, build service blueprints, or … | [source](https://github.com/joeyvansommeren/journey-mapper/tree/bbb316a/skills/journey-mapper) |
+
+## Source: Leonxlnx/taste-skill
+
+- Repository: [https://github.com/Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) (commit `b177427`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `redesign-existing-projects` | core | Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS. | [source](https://github.com/Leonxlnx/taste-skill/tree/b177427/skills/redesign-skill) |
+| `image-to-code` | core | Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must … | [source](https://github.com/Leonxlnx/taste-skill/tree/b177427/skills/image-to-code-skill) |
+| `imagegen-frontend-web` | core | Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. … | [source](https://github.com/Leonxlnx/taste-skill/tree/b177427/skills/imagegen-frontend-web) |
+
+## Source: mxyhi/ok-skills
+
+- Repository: [https://github.com/mxyhi/ok-skills](https://github.com/mxyhi/ok-skills) (commit `94707b6`, retrieved 2026-07-14)
+- License: Apache-2.0
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `huashu-design` | core | 花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。 | [source](https://github.com/mxyhi/ok-skills/tree/94707b6/huashu-design) |
+| `imagegen-frontend-web` | core | Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. … | [source](https://github.com/mxyhi/ok-skills/tree/94707b6/imagegen-frontend-web) |
+
+## Source: nextlevelbuilder/ui-ux-pro-max-skill
+
+- Repository: [https://github.com/nextlevelbuilder/ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill) (commit `fe3f65e`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `ui-styling` | core | Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, … | [source](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/fe3f65e/.claude/skills/ui-styling) |
+
+## Source: nexu-io/open-design
+
+- Repository: [https://github.com/nexu-io/open-design](https://github.com/nexu-io/open-design) (commit `4b66023`, retrieved 2026-07-14)
+- License: Apache-2.0
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `frontend-design` | core | Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, … | [source](https://github.com/nexu-io/open-design/tree/4b66023/skills/frontend-design) |
+| `redesign-existing-projects` | core | Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS. | [source](https://github.com/nexu-io/open-design/tree/4b66023/skills/redesign-skill) |
+| `web-design-guidelines` | core | Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI. | [source](https://github.com/nexu-io/open-design/tree/4b66023/skills/web-design-guidelines) |
+| `image-to-code` | core | Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must … | [source](https://github.com/nexu-io/open-design/tree/4b66023/skills/image-to-code-skill) |
+| `imagegen-frontend-web` | core | Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. … | [source](https://github.com/nexu-io/open-design/tree/4b66023/skills/imagegen-frontend-web) |
+| `impeccable-design-polish` | core | Follow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass. | [source](https://github.com/nexu-io/open-design/tree/4b66023/skills/impeccable-design-polish) |
+| `od-web-effect-extractor` | core | Extract visual effects, animation systems, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable Open Design web artifact. | [source](https://github.com/nexu-io/open-design/tree/4b66023/plugins/_official/scenarios/od-web-effect-extractor) |
+
+## Source: nimbalyst/nimbalyst
+
+- Repository: [https://github.com/nimbalyst/nimbalyst](https://github.com/nimbalyst/nimbalyst) (commit `7f15256`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `mockuplm` | core | Create visual UX mockups using HTML/CSS files (.mockup.html). Use when the user wants to design UI, wireframes, visual layouts, or plan features visually. | [source](https://github.com/nimbalyst/nimbalyst/tree/7f15256/packages/extensions/mockuplm/claude-plugin/skills/mockuplm) |
+
+## Source: plugin87/ux-ui-agent-skills
+
+- Repository: [https://github.com/plugin87/ux-ui-agent-skills](https://github.com/plugin87/ux-ui-agent-skills) (commit `93a7fbb`, retrieved 2026-07-14)
+- License: no explicit license — referenced by link only
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `design-code` | core | Generate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI, Vue, Svelte, Angular, Solid, Web Components/Lit, React Native, Flutter, Jetpack Compose, vanilla CSS, or CSS-in-JS. … | [source](https://github.com/plugin87/ux-ui-agent-skills/tree/93a7fbb/.claude/skills/design-code) |
+| `brandkit` | core | Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion), light + dark, plus a single theme.css — verified for WCAG. Use when the user … | [source](https://github.com/plugin87/ux-ui-agent-skills/tree/93a7fbb/.claude/skills/brandkit) |
+
+## Source: secondsky/claude-skills
+
+- Repository: [https://github.com/secondsky/claude-skills](https://github.com/secondsky/claude-skills) (commit `c4889f6`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `responsive-web-design` | core | Builds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use when creating multi-device layouts, implementing flexible UI systems, or ensuring cross-browser compatibility. | [source](https://github.com/secondsky/claude-skills/tree/c4889f6/plugins/responsive-web-design/skills/responsive-web-design) |
+| `design-system-creation` | core | \| Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency. | [source](https://github.com/secondsky/claude-skills/tree/c4889f6/plugins/design-system-creation/skills/design-system-creation) |
+
+## Source: tzachbon/smart-ralph
+
+- Repository: [https://github.com/tzachbon/smart-ralph](https://github.com/tzachbon/smart-ralph) (commit `b26bb23`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `spec-workflow` | core | This skill should be used when the user asks to "build a feature", "create a spec", "start spec-driven development", "run research phase", "generate requirements", "create design", "plan tasks", "implement spec", "check spec status", … | [source](https://github.com/tzachbon/smart-ralph/tree/b26bb23/plugins/ralph-specum/skills/spec-workflow) |
+
+## Source: vibeeval/vibecosystem
+
+- Repository: [https://github.com/vibeeval/vibecosystem](https://github.com/vibeeval/vibecosystem) (commit `cea9462`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `frontend-dev` | core | Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and … | [source](https://github.com/vibeeval/vibecosystem/tree/cea9462/skills/frontend-dev) |
+
+## Source: wanshuiyin/Auto-claude-code-research-in-sleep
+
+- Repository: [https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep](https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep) (commit `eb5c9d7`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `paper-poster-html` | core | DEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gates, real paper figures, a two-hue design-token system, and print-ready PDF via headless … | [source](https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep/tree/eb5c9d7/skills/paper-poster-html) |
+
+## Source: worldwonderer/novel-to-game
+
+- Repository: [https://github.com/worldwonderer/novel-to-game](https://github.com/worldwonderer/novel-to-game) (commit `3c18abd`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `game-build` | core | Build the game. Compress the approved GAME_DESIGN and ART_DIRECTION into a minimal BUILD_BRIEF, hand it to the current coding agent or another strong model to implement a fully playable web prototype, and iterate against real runs and … | [source](https://github.com/worldwonderer/novel-to-game/tree/3c18abd/skills/game-build) |
+
+## Source: google/skills
+
+- Repository: [https://github.com/google/skills](https://github.com/google/skills) (commit `b15f327`, retrieved 2026-07-14)
+- License: Apache-2.0
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `firebase-basics` | adjacent | Use this skill whenever you are working on a project that uses Firebase products or services, especially for mobile or web apps. | [source](https://github.com/google/skills/tree/b15f327/skills/cloud/firebase-basics) |
+| `gke-batch-hpc` | adjacent | Runs batch and HPC workloads on GKE, utilizing job queues and parallel processing. Use when running GKE batch jobs, configuring GKE HPC, or setting up GKE job queues. Don't use for standard web application deployments (use … | [source](https://github.com/google/skills/tree/b15f327/skills/cloud/gke-batch-hpc) |
+
+## Source: veniceai/skills
+
+- Repository: [https://github.com/veniceai/skills](https://github.com/veniceai/skills) (commit `de089fa`, retrieved 2026-07-14)
+- License: MIT
+
+| Skill | Tier | What it adds | Upstream |
+|---|---|---|---|
+| `venice-errors` | adjacent | Handle Venice API errors correctly. Covers the StandardError / DetailedError / ContentViolationError / X402InferencePaymentRequired body shapes, every meaningful status code (400, 401, 402, 403, 415, 422, 429, 500, 503, 504), the 402 … | [source](https://github.com/veniceai/skills/tree/de089fa/skills/venice-errors) |
--- a/references/market.md
+++ b/references/market.md
@@ -0,0 +1,72 @@
+# Market evidence report — web-designer
+
+Source: **7 real job ads** (JSearch API, countries: us 7), extracted into the MSSQL evidence store; as of 2026-07-14.
+This report contains extracted, aggregated facts only — no ad text is
+reproduced (copyright / platform terms).
+
+## Seniority distribution
+
+| Seniority | Ads | Share |
+|---|---|---|
+| mid | 6 | 86 % |
+| senior | 1 | 14 % |
+
+## Tools — full market ranking
+
+| # | Item | Ads | Share |
+|---|---|---|---|
+| 1 | Acquia | 3 | 43 % |
+| 2 | AWS | 3 | 43 % |
+| 3 | Azure | 3 | 43 % |
+| 4 | Composer | 3 | 43 % |
+| 5 | Drupal | 3 | 43 % |
+| 6 | Pantheon | 3 | 43 % |
+
+## Hard skills — full market ranking
+
+| # | Item | Ads | Share |
+|---|---|---|---|
+| 1 | web design | 4 | 57 % |
+| 2 | api integration | 3 | 43 % |
+
+## Methods — full market ranking
+
+| # | Item | Ads | Share |
+|---|---|---|---|
+| 1 | sprint planning | 3 | 43 % |
+
+## Responsibilities — full market ranking
+
+| # | Item | Ads | Share |
+|---|---|---|---|
+| 1 | website development | 3 | 43 % |
+
+## Regional breakdown
+
+> **Corpus note:** 7 relevant ads in total — below the 100-ad target for a fully reliable ranking. Percentages above should be read as indicative.
+
+### US (us)
+
+**Insufficient evidence** — 7 ads (minimum for a regional ranking: 30). No ranking is reported for this region.
+
+### UK (gb)
+
+**Insufficient evidence** — 0 ads (minimum for a regional ranking: 30). No ranking is reported for this region.
+
+### EU/DACH (de, at, ch, nl)
+
+**Insufficient evidence** — 0 ads (minimum for a regional ranking: 30). No ranking is reported for this region.
+
+
+## Job title variants in the market
+
+| Title | Ads |
+|---|---|
+| Web Designer | 2 |
+| 16+ Years Drupal Web Designer Master | 1 |
+| DLCP - Web Designer | 1 |
+| Front-End Web Designer - AI Trainer | 1 |
+| Web Designer with HTML/CSS Skills UX, UI 🏆 | 1 |
+| Web Designer with Security Clearance | 1 |
+
+Methodology: entities extracted per ad ({hard_skills, tools, methods, responsibilities, seniority}), normalized, counted as DISTINCT ads per entity; report threshold ≥ 3 ads. Headline sections in skills.md/tools.md use the stricter ≥ 20 % threshold.
--- a/references/profile.md
+++ b/references/profile.md
@@ -0,0 +1,29 @@
+# Occupation profile — web designer
+
+- **ESCO URI:** http://data.europa.eu/esco/occupation/30ed83ba-cc89-4d9f-a59d-5c783c1da56e
+- **ESCO code:** 2166.15
+- **ISCO-08 group:** 2166 — n/a
+- **O*NET-SOC:** 27-1024.00 — manual nearest via ISCO 2166 (Graphic Designers) (match: manual nearest)
+
+## Description (ESCO)
+
+Web designers are in charge of creating the visual elements, layout and other aspects such as the easiness of use of a website. They follow the different phases of a website creation from the design to the implementation until it goes live. They work side by side with front-end developers to design user interfaces that met the needs of customers and are also appealing. They are responsible of developing mock-ups and of confirming the technical feasibility of the product. They can use and put together various types of elements for the website including graphics, animations, text, videos and photos. They are in contact with clients and stakeholders of the company to ensure that the design of the website meets their needs.
+
+## Definition
+
+nan
+
+## Alternative labels
+
+- website designer
+- digital designer
+- multimedia web designer
+- marketing web designer
+- interactive web designer
+- graphic web designer
+- web page designer
+- web design consultant
+- web platform designer
+- ux designer
+- freelance web designer
+- web graphics designer
--- a/references/skills.md
+++ b/references/skills.md
@@ -0,0 +1,147 @@
+# Competences — web designer
+
+Source: ESCO v1.2.1 occupation-skill relations (http://data.europa.eu/esco/occupation/30ed83ba-cc89-4d9f-a59d-5c783c1da56e).
+
+## Essential
+
+- **collaborate with designers** (skill/competence)
+- **compose description for web elements** (skill/competence)
+- **create website wireframe** (skill/competence)
+- **establish customer rapport** (skill/competence)
+- **implement front-end website design** (skill/competence)
+- **JavaScript** (knowledge)
+- **JavaScript Framework** (knowledge)
+- **use markup languages** (skill/competence)
+- **web programming** (knowledge)
+- **WebCMS** (knowledge)
+
+## Optional
+
+- Adobe Photoshop (knowledge)
+- CSS (knowledge)
+- design web-based courses (skill/competence)
+- enhance website visibility (skill/competence)
+- GIMP (graphics editor software) (knowledge)
+- graphics editor software (knowledge)
+- IBM WebSphere (knowledge)
+- Joomla (knowledge)
+- JSSS (knowledge)
+- manage online content (skill/competence)
+- manage website (skill/competence)
+- style sheet languages (knowledge)
+
+<!-- market-evidence -->
+
+## Market evidence (job-ad analysis, 7 ads, as of 2026-07-14)
+
+Share of analyzed job ads mentioning the item (threshold ≥ 20 %). Source: JSearch/Adzuna APIs.
+
+### Hard skills
+
+- web design — **57 %**
+- api integration — **43 %**
+- database optimization — **29 %**
+- drupal development — **29 %**
+- html coding — **29 %**
+- html5 coding — **29 %**
+- javascript development — **29 %**
+- php programming — **29 %**
+- user interface design — **29 %**
+- user interface development — **14 %**
+- test report generation — **14 %**
+- theme development — **14 %**
+- ui design — **14 %**
+- ui/ux critique — **14 %**
+- user flow analysis — **14 %**
+- user testing — **14 %**
+- ux design — **14 %**
+- visual hierarchy understanding — **14 %**
+- performance optimization — **14 %**
+- responsive design — **14 %**
+- security best practices — **14 %**
+- site animation — **14 %**
+- sql scripting — **14 %**
+- technical guidance — **14 %**
+- web development — **14 %**
+- web optimization — **14 %**
+- web page design — **14 %**
+- web accessibility — **14 %**
+- xml scripting — **14 %**
+- javascript framework development — **14 %**
+- javascript programming — **14 %**
+- interaction design — **14 %**
+- html — **14 %**
+- drupal module development — **14 %**
+- front-end development — **14 %**
+- documentation — **14 %**
+- debugging — **14 %**
+- css coding — **14 %**
+- css styling — **14 %**
+- css3 coding — **14 %**
+- css3 styling — **14 %**
+- cross-functional collaboration — **14 %**
+- css — **14 %**
+- accessibility — **14 %**
+- accessibility testing — **14 %**
+- aesthetic evaluation — **14 %**
+
+### Methods
+
+- sprint planning — **43 %**
+- wcag 2.1+ accessibility guidelines — **29 %**
+- agile methodologies — **29 %**
+- continuous integration/continuous deployment (CI/CD) — **29 %**
+- psr-4 coding standards — **29 %**
+- peer review — **14 %**
+- headless architecture — **14 %**
+- dhs trusted tester methodology — **14 %**
+- aria roles — **14 %**
+- agile development — **14 %**
+- continuous integration/continuous delivery (CI/CD) — **14 %**
+- wcag 2.0 standards — **14 %**
+- semantic html structure — **14 %**
+- responsive design — **14 %**
+- section 508 compliance — **14 %**
+- vpat 2.0 templates — **14 %**
+- W3C standards — **14 %**
+- version control — **14 %**
+
+### Responsibilities
+
+- website development — **43 %**
+- website maintenance — **29 %**
+- website design — **29 %**
+- security patching — **29 %**
+- web page design — **29 %**
+- troubleshooting — **29 %**
+- site maintenance — **29 %**
+- integration development — **29 %**
+- junior designer mentorship — **14 %**
+- model training — **14 %**
+- module building — **14 %**
+- module upgrades — **14 %**
+- documentation maintenance — **14 %**
+- integration building — **14 %**
+- content creation — **14 %**
+- code optimization — **14 %**
+- code review — **14 %**
+- design implementation — **14 %**
+- design optimization — **14 %**
+- acr preparation — **14 %**
+- accessibility validation — **14 %**
+- accessibility enhancement implementation — **14 %**
+- ai output review — **14 %**
+- ai quality evaluation — **14 %**
+- technical guidance — **14 %**
+- test plan documentation — **14 %**
+- requirement gathering — **14 %**
+- security compliance — **14 %**
+- testing and debugging — **14 %**
+- theme creation — **14 %**
+- user interface feature development — **14 %**
+- user interface implementation — **14 %**
+- web solution delivery — **14 %**
+- web content accessibility assurance — **14 %**
+- workflow improvement — **14 %**
+
+<!-- market-evidence -->
--- a/references/tasks.md
+++ b/references/tasks.md
@@ -0,0 +1,45 @@
+# Tasks & work activities — web designer
+
+Source: O*NET 30.3, occupation 27-1024.00 (manual nearest via ISCO 2166 (Graphic Designers)).
+
+## Task statements
+
+- **[Core]** Maintain archive of images, photos, or previous work products.
+- **[Core]** Research new software or design concepts.
+- **[Core]** Prepare digital files for printing.
+- **[Core]** Research the target audience of projects.
+- **[Core]** Create designs, concepts, and sample layouts, based on knowledge of layout principles and esthetic design concepts.
+- **[Core]** Determine size and arrangement of illustrative material and copy, and select style and size of type.
+- **[Core]** Use computer software to generate new images.
+- **[Core]** Mark up, paste, and assemble final layouts to prepare layouts for printer.
+- **[Core]** Draw and print charts, graphs, illustrations, and other artwork, using computer.
+- **[Core]** Review final layouts and suggest improvements, as needed.
+- **[Core]** Confer with clients to discuss and determine layout design.
+- **[Core]** Develop graphics and layouts for product illustrations, company logos, and Web sites.
+- **[Core]** Key information into computer equipment to create layouts for client or supervisor.
+- **[Core]** Prepare illustrations or rough sketches of material, discussing them with clients or supervisors and making necessary changes.
+- **[Core]** Study illustrations and photographs to plan presentation of materials, products, or services.
+- **[Core]** Prepare notes and instructions for workers who assemble and prepare final layouts for printing.
+- **[Core]** Produce still and animated graphics for on-air and taped portions of television news broadcasts, using electronic video equipment.
+- **[Supplemental]** Write or edit copy for clients.
+- **[Supplemental]** Photograph layouts, using camera, to make layout prints for supervisors or clients.
+
+## Detailed work activities
+
+- Collaborate with others to develop or refine designs.
+- Collect data about customer needs.
+- Conduct market research.
+- Conduct research to inform art, designs, or other work.
+- Confer with clients to determine needs.
+- Create computer-generated graphics or animation.
+- Design layout of art or product exhibits, displays, or promotional materials.
+- Design layouts for print publications.
+- Draw detailed or technical illustrations.
+- Edit written materials.
+- Maintain records, documents, or other files.
+- Operate photographic developing or print production equipment.
+- Operate still or video cameras or related equipment.
+- Perform administrative or clerical tasks.
+- Research new technologies.
+- Review art or design materials.
+- Write advertising or promotional material.
--- a/references/tools.md
+++ b/references/tools.md
@@ -0,0 +1,125 @@
+# Tools & technology — web designer
+
+Source: O*NET 30.3 'Software Skills' for 27-1024.00.
+
+| Software | Category | Hot technology |
+|---|---|---|
+| Intuit QuickBooks | Accounting software | yes |
+| Autodesk AutoCAD | Computer aided design CAD software | yes |
+| Autodesk AutoCAD Civil 3D | Computer aided design CAD software | yes |
+| Autodesk Revit | Computer aided design CAD software | yes |
+| Bentley MicroStation | Computer aided design CAD software | yes |
+| Microsoft Access | Data base user interface and query software | yes |
+| Structured query language SQL | Data base user interface and query software | yes |
+| Adobe InDesign | Desktop publishing software | yes |
+| Adobe Acrobat | Document management software | yes |
+| Microsoft Outlook | Electronic mail software | yes |
+| Extensible markup language XML | Enterprise application integration software | yes |
+| Figma | Graphical user interface development software | yes |
+| Adobe Creative Cloud software | Graphics or photo imaging software | yes |
+| Adobe Illustrator | Graphics or photo imaging software | yes |
+| Adobe Photoshop | Graphics or photo imaging software | yes |
+| Canva | Graphics or photo imaging software | yes |
+| Trimble SketchUp Pro | Graphics or photo imaging software | yes |
+| jQuery | Object or component oriented development software | yes |
+| Microsoft Office software | Office suite software | yes |
+| Apple macOS | Operating system software | yes |
+| Microsoft Windows | Operating system software | yes |
+| Microsoft PowerPoint | Presentation software | yes |
+| Microsoft Visio | Process mapping and design software | yes |
+| Microsoft Project | Project management software | yes |
+| Microsoft Excel | Spreadsheet software | yes |
+| Adobe After Effects | Video creation and editing software | yes |
+| Facebook | Web page creation and editing software | yes |
+| WordPress | Web page creation and editing software | yes |
+| AJAX | Web platform development software | yes |
+| Cascading style sheets CSS | Web platform development software | yes |
+| Hypertext markup language HTML | Web platform development software | yes |
+| JavaScript | Web platform development software | yes |
+| PHP | Web platform development software | yes |
+| Google Docs | Word processing software | yes |
+| Microsoft Word | Word processing software | yes |
+| Google Drive | Cloud-based data access and sharing software |  |
+| Computer aided design and drafting CADD software | Computer aided design CAD software |  |
+| Computer aided design and drafting software CADD | Computer aided design CAD software |  |
+| Dassault Systemes CATIA | Computer aided design CAD software |  |
+| PTC Creo Parametric | Computer aided design CAD software |  |
+| SignCAD Systems SignCAD | Computer aided design CAD software |  |
+| Oracle Eloqua | Customer relationship management CRM software |  |
+| FileMaker Pro | Data base user interface and query software |  |
+| Adobe Distiller | Desktop publishing software |  |
+| Adobe FrameMaker | Desktop publishing software |  |
+| Adobe PageMaker | Desktop publishing software |  |
+| Microsoft Publisher | Desktop publishing software |  |
+| QuarkXPress | Desktop publishing software |  |
+| Adobe ActionScript | Development environment software |  |
+| Verilog | Development environment software |  |
+| PDF readers | Document management software |  |
+| IBM Notes | Electronic mail software |  |
+| Adobe FreeHand MX | Graphics or photo imaging software |  |
+| Corel CorelDraw Graphics Suite | Graphics or photo imaging software |  |
+| SmugMug Flickr | Graphics or photo imaging software |  |
+| Google Chrome | Internet browser software |  |
+| Web browser software | Internet browser software |  |
+| Avid Pro Tools | Music or sound editing software |  |
+| Corel WordPerfect Office Suite | Office suite software |  |
+| Nuance OmniPage Professional | Optical character reader OCR or scanning software |  |
+| Apple iWork Keynote | Presentation software |  |
+| Apple Keynote | Presentation software |  |
+| Google Slides | Presentation software |  |
+| Google Ads | Sales and marketing software |  |
+| Adobe Premiere Pro | Video creation and editing software |  |
+| Apple Final Cut Pro | Video creation and editing software |  |
+| Apple iMovie | Video creation and editing software |  |
+| Maxon Cinema 4D | Video creation and editing software |  |
+| WeVideo | Video creation and editing software |  |
+| YouTube | Video creation and editing software |  |
+| Adobe Dreamweaver | Web page creation and editing software |  |
+| Adobe Macromedia HomeSite | Web page creation and editing software |  |
+| LinkedIn | Web page creation and editing software |  |
+| Social media sites | Web page creation and editing software |  |
+| Adobe ColdFusion | Web platform development software |  |
+| Drupal | Web platform development software |  |
+| Dynamic hypertext markup language DHTML | Web platform development software |  |
+| Extensible hypertext markup language XHTML | Web platform development software |  |
+| Oracle JavaServer Pages JSP | Web platform development software |  |
+
+<!-- market-evidence -->
+
+## Market evidence (job-ad analysis, 7 ads, as of 2026-07-14)
+
+Share of analyzed job ads mentioning the item (threshold ≥ 20 %). Source: JSearch/Adzuna APIs.
+
+### Tools
+
+- AWS — **43 %**
+- Acquia — **43 %**
+- Composer — **43 %**
+- Azure — **43 %**
+- Drupal — **43 %**
+- Pantheon — **43 %**
+- MySQL — **29 %**
+- MySQL / MariaDB — **29 %**
+- Microsoft Word — **29 %**
+- Git — **29 %**
+- GraphQL — **29 %**
+- Drush — **29 %**
+- Adobe Dreamweaver — **29 %**
+- CSS — **14 %**
+- Adobe Creative Suite (Photoshop, Illustrator, XD) — **14 %**
+- Axe — **14 %**
+- ANDI — **14 %**
+- Docker — **14 %**
+- JavaScript — **14 %**
+- HTML — **14 %**
+- Lighthouse — **14 %**
+- JAWS — **14 %**
+- NVDA — **14 %**
+- React — **14 %**
+- WAVE — **14 %**
+- Vue — **14 %**
+- SharePoint — **14 %**
+- SharePoint Services — **14 %**
+- SQL — **14 %**
+
+<!-- market-evidence -->