Frontend & Design · For product managers

Plan, validate, render, explain, and safely edit iChart.js visualizations from tabular, project, or diagram data.

wanghetommy/ichartjs

Search Experience Optimization: reads Google SERPs backwards to detect page-type mismatches, derives user stories from search intent signals, and scores pages from multiple persona perspectives.

AgriciDaniel/codex-seo

Product Led AI Development — guides founders from idea to launched product.

BuildGreatProducts/plaid

可作为 hiui-page-workflow 等更大页面工作流的标准 S0 前置 skill，专注 B 端中后台与 HiUI 页面生成前的需求细化。将模糊或抽象的后台/管理台/运营台/配置台/审批流需求细化为可执行的产品方案、MVP 范围、用户流程、业务规则、可追踪页面清单、产品 PRD、全局生成上下文、页面级提示词和 HiUI 交接包。适用于澄清后台产品想法、把粗略需求转成 PRD…

XiaoMi/hiui

Explores a feature idea through HTML mocks that match the project's existing UI, keeping every earlier version and logging each requested tweak in a context file.

imbue-ai/bouncer

OpenPrd UI Context skill：区分 greenfield、brownfield 与局部修正，基于已确认 PRD、可选 CodeGraph 和本地证据提出专业 UI/UX 方向，并在用户确认后编译 PRODUCT.md、DESIGN.md 和 Impeccable handoff。

DavidLam-oss/obsidian-wechat-converter

Builds a clickable low-fidelity prototype of one flow from a product brief during discovery, with simulated data and browser checks, before detailed design.

open-mercato/skills

Review software designs and implementations for user experience, simplicity, and maintainability; apply fixes when requested.

golbin/agent-skills

Writes usage scenarios, use cases and storyboards that show real people using screen readers, switches, voice control and other assistive technology to finish tasks.

Owl-Listener/inclusive-design-skills

A skill your agent uses when adding or changing product requirements, scenarios, user flows, surface behavior, or design artifacts before specs or implementation.

OfficeDev/microsoft-365-agents-toolkit

Frames new surfaces, redesigns and vague product requests by grounding the business model and the user's task before any layout, in discover, frame or materialize modes.

lobehub/lobehub

Gather missing product, UX, technical, and delivery constraints before planning or coding.

ceilf6/FrontAgent

Guides a team through Jeff Gothelf's Lean UX Canvas v2 to frame a business problem, surface assumptions and decide what to learn and test next.

deanpeters/Product-Manager-Skills

Generate a Plan Brief HTML for non-engineer vibecoders before implementation starts.

Chachamaru127/claude-code-harness

Build a detailed profile of the customer you're trying to win.

gethouston/houston

Generate beautiful interactive timeline HTML pages from JSON data, with vertical, horizontal, or dual-side layouts, collapsible details, and custom colors.

zebbern/claude-code-guide

Run every Convex audit (authz, reviewer, advisor, insights) into one scored, deduped readiness report with an ordered fix plan — Lighthouse for your backend.

openclaw/clawhub

端到端产品教练 — 把一句话想法走到 PRD + 可点击 HTML 原型。会顶嘴、强制砍功能、用 Nielsen + Norman 做友好性硬检。Use when user 说"我有一个想法"、"想做一个产品"、"做 MVP"、"写 PRD"、"做用户友好的产品"，或调用插件命令 /idea-coach:idea。Do NOT use when 用户已有完整 PRD 在跑、明确说"只…

majiayu000/spellbook

Performs an initial product search using a web interface by generating appropriate search keywords based on interpreted query criteria.

zjunlp/SkillNet

Critique a rendered screen's density — cognitive load, content prioritisation, scanning patterns, and progressive disclosure.

Owl-Listener/designer-skills

Communicate design's contribution to business and user outcomes in stakeholder language.

Owl-Listener/designer-skills

Generate a Packmind feature specification from a GitHub issue, file, URL, or direct description.

PackmindHub/packmind

A skill your agent uses when you need to create a brand new Lightning Web Component from a Figma design, a Product Requirements Document, or another design artifact — orchestrating the five-phase…

forcedotcom/sf-skills

A skill your agent uses when planning or conducting usability tests — writing test scripts, defining tasks, selecting participants, analysing findings, and turning observations into design actions

Owl-Listener/designpowers

Agent orchestrator that coordinates specialized agents for software development tasks.

paralleldrive/aidd

Design and plan usability tests - task creation, think-aloud protocols, moderator scripts, metrics definition, and analysis frameworks.

Prorise-cool/Claude-Code-Multi-Agent

Scaffold and configure a production-ready SvelteKit PWA with opinionated defaults.

LeoYeAI/openclaw-master-skills

End-to-end product development for iOS/macOS apps. An agent skill from gustavscirulis/snapgrid.

gustavscirulis/snapgrid

Define user flows, screens, states, copy, and accessibility in ux.md.

joenandez/spectre

Analyze one ClosedLoop feature ticket from a URL or FEA slug before execution.

closedloop-ai/claude-plugins

Designs market and user research plans focused on methodology selection and research material authoring (screeners, surveys, interview guides, usability task scripts, etc.).

LeoYeAI/openclaw-master-skills

A skill your agent uses to analyze a Salesforce Aura component bundle (.cmp, .app, .evt, .intf, Controller.js, Helper.js, Renderer.js) and produce a framework-agnostic migration blueprint (PRD.yaml…

forcedotcom/sf-skills

Your product + design brain trust and decision partner. An agent skill from coco-research/coco.

coco-research/coco