ux-researcher

$npx mdskill add hrconsultnj/claude-plugins/ux-researcher

Automates design intelligence gathering through web search to inform decisions and feed into design-forge implementation.

  • Helps with automating the groundwork research phase of design work to discover patterns and technologies.
  • Integrates with web search tools and uses fetch commands for content loading with caching and decryption.
  • Decides recommendations by analyzing competitors, industry trends, and modern web technologies via research steps.
  • Presents results through actionable reports and handoff documents for design-forge implementation.

SKILL.md

.github/skills/ux-researcherView on GitHub ↗
---
name: ux-researcher
description: AI-powered design research agent that uses web search to discover design patterns, analyze competitors, research industry trends, evaluate modern web technologies, and create actionable reports for design-forge implementation. Automates the intelligence gathering phase of design work.
---

AI-powered design research agent that autonomously gathers intelligence through web search to inform design decisions. Does the groundwork research that feeds into the design-forge skill, discovering patterns, technologies, and approaches that work in the real world.

## Content Loading

Load each step through the fetch command (handles caching, decryption, and auth):

```bash
"~/.composure/bin/composure-fetch.mjs" skill design-forge ux-researcher {step-filename}
```

**Do NOT read cache files directly** — they are encrypted at rest. Always use the fetch command above.

## Steps

| # | File | 
|---|------|
| 1 | `01-define-scope.md` |
| 2 | `02-execute-research.md` |
| 3 | `03-synthesize.md` |
| 4 | `04-write-report.md` |
| 5 | `05-handoff.md` |

## References

- `competitor-analysis-template.md`
- `industry-research-template.md`
- `report-templates.md`
- `technology-matrix.md`

More from hrconsultnj/claude-plugins

SkillDescription
app-architectureComplete architecture guide for building features from database to UI. Routes to frontend/, fullstack/, mobile/, backend/, or sdks/ based on detected stack. Covers decomposition, multi-tenant isolation, auth model, query patterns, and component patterns.
audit-depsFocused dependency CVE audit — reports vulnerabilities with version info and safe upgrade commands.
backlogManage the tasks-plans/ workspace — add items to backlog, ideas, or reference. Process queued work. Organize by topic, not flat dumps.
build-graphBuild or update the code review knowledge graph, generate the visualization, and open it. Run this first to initialize, or let hooks keep it updated automatically.
calibrateCalibrate test bench — detect test framework, read existing test conventions, generate .claude/testbench.json config. Query Context7 for test framework reference docs. Run once per project.
ci-generateGenerate CI/CD workflow from detected stack. GitHub Actions, GitLab CI, or Bitbucket Pipelines. Includes lint, typecheck, test, build, and deploy stages.
ci-validateValidate CI/CD workflow files. Runs actionlint for GitHub Actions, checks for common mistakes, and reports issues with fix suggestions.
code-organizerRestructure a messy project into conventional file layout based on detected framework. Analyzes, plans, executes with import updates, and verifies.
deps-checkCheck dependency health -- known CVEs, outdated packages, unsafe versions. Recommends the highest safe version, not just "latest". Blocks Critical CVEs via Composure commit gate.
design-forgeThis skill should be used when the user asks to "add premium animations", "create a canvas visualization", "build a glassmorphism panel", "add a custom cursor", "create a generative background", "build an interactive card", "add scroll progress", "add sound design", "create a Three.js hero", "build a creative portfolio", "add particle effects", "add scanlines", "add a typewriter effect", "design a landing page", "implement advanced animations", "add 3D elements", "design using Next.js Conf patterns", "create interactive experience", "add Framer Motion animations", "add GSAP scroll animations", "integrate Spline 3D", or needs guidance on premium web design patterns, creative coding, generative art, micro-interactions, accessibility for animations, or bespoke interactive experiences beyond standard UI components.