High-quality, user-experience-centered skills for your coding agents.
This repository is our open-source, documentation-driven collection of agent skills to help you build products users love. Each skill is a folder of markdown that teaches a coding agent (Claude Code, Cursor, Codex, Copilot, and others) how to ship features and fixes that your users want to improve product-market fit — starting with turning messy user requests into context-rich PRDs your agents can actually execute.
One line installs every skill in this repo into your coding agent:
npx skills add tryproduck/produck-skillsThat's it. It uses the open skills CLI (no global install,
just npx) and works across 70+ agents — Claude Code, Cursor, Codex, Copilot, and more. The skills
are available the next time your agent starts.
| Skill | What it does |
|---|---|
user-alignment |
Turn vague or messy user requests into aligned, agent-executable PRDs — with scope, bounded phases, testable acceptance criteria, and explicit do-not-do boundaries. |
produck-feedback |
Act on real in-context user feedback: pull a feedback ticket's full context through the Produck MCP and drive a feedback → aligned PRD → build loop. Pairs with user-alignment. |
demo-studio |
Build a premium, fully-animated product-demo / launch video from a written brief. Scene-by-scene motion graphics with camera moves, real UI mockups, and a complete original sound kit, rendered from HTML + CSS + GSAP to MP4 via HyperFrames. Ships a runnable example film and a 25-sound synthesized SFX kit. |
taste |
Improve website visual taste with a screenshot-driven hierarchy, trust, spacing, CTA, and consistency loop — so agents ship visibly better UI instead of generic polish. |
More user-experience skills are on the way.
We ran a one-shot website improvement benchmark on the same intentionally flawed fictional SaaS landing page:
- Baseline — feature-led platform copy, generic dashboard UI, weak proof, and noisy hierarchy.
- Taste-guided improvement — the same page rebuilt with the
tasteskill's category thesis, worldview sequence, domain artifacts, rubric, and screenshot verification loop.
Screenshots were captured at 1440 × 1100 with npx -y chrome-devtools-axi and combined into one before/after asset so the improvement is reviewable at a glance.
| Variant | Category idea | Worldview | Hierarchy | Clarity | Trust | Rhythm | CTA gravity | Domain specificity | Consistency |
|---|---|---|---|---|---|---|---|---|---|
| Baseline | 1 | 1 | 1 | 2 | 1 | 1 | 2 | 1 | 1 |
| Taste-guided improvement | 5 | 5 | 5 | 5 | 4 | 5 | 5 | 5 | 5 |
The taste-guided pass is built around one category idea — the judgment layer for product feedback — and opens with the worldview that feedback is abundant while judgment is scarce. It replaces fake dashboard polish with domain artifacts: opportunity memos, accepted/rejected evidence, and decision briefs.
Benchmark source files live in examples/taste-benchmark, the category-first rubric lives in skills/taste/references/taste-principles.md, and the bespoke interaction guidance lives in skills/taste/references/immersive-landing-pages.md.
The produck-feedback skill drives the Produck MCP — a hosted server that gives your agent two
tools over your own feedback:
search_feedback— find relevant feedback tickets (filter by domain).get_feedback— load one ticket's full context: the user's written/spoken feedback, reconstructed page HTML, annotation markers, session activity, and a generated design doc.
Both installs need a Produck MCP token — mint one at
tryproduck.com/app → MCP (looks like mcp_live_…). The plugin reads
it at runtime; set it before the MCP tools will work (the skills work without it).
# 1) in your shell: save your token
mkdir -p ~/.produck && echo "mcp_live_YOUR_TOKEN" > ~/.produck/mcp_token# 2) in Claude Code:
/plugin marketplace add tryproduck/produck-skills
/plugin install produck@produck
# 1) in your shell: export your token
export PRODUCK_MCP_TOKEN=mcp_live_YOUR_TOKEN
# 2) add the marketplace, then enable "produck" from the /plugins browser
codex plugin marketplace add tryproduck/produck-skillsInstall the skills with npx skills add tryproduck/produck-skills, then add the MCP server using your
agent's native config — see
skills/produck-feedback/references/connect-mcp.md
for Cursor, opencode, manual Codex, and manual Claude Code snippets.
Want to add a skill? See CONTRIBUTING.md for the skill-authoring contract (folder layout, required frontmatter, and the PR checklist). The bar is high-quality, UX-centered skills only.
These skills come from the team building Produck — Build products your users love.
Produck enables apps to capture in-context feedback from their users and rapidly ship features and fixes that improve product-market fit.
- 🌐 Website: tryproduck.com
- 📚 Docs: docs.tryproduck.com
- 🐙 GitHub: @tryproduck
