Research website design, styling, and frontend implementation using Playwright CLI to capture screenshots and analyze structure. Use when a software engineer wants to understand and implement a similar design. Keywords: design research, website design, frontend analysis, UI study, design system, screenshot, Playwright
Install
npx skills add wcygan/dotfiles --skill design-researchnpx skills add wcygan/dotfiles --skill design-research -a claude-code -gnpx skills add wcygan/dotfiles --skill design-research -a codex -ggemini skills install https://github.com/wcygan/dotfiles.git --path config/claude/skills/design-researchgh skill install wcygan/dotfiles design-researchgit clone --depth 1 https://github.com/wcygan/dotfiles /tmp/wcygan__dotfiles
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/wcygan__dotfiles/config/claude/skills/design-research ~/.claude/skills/design-research # Claude Code
cp -R /tmp/wcygan__dotfiles/config/claude/skills/design-research ~/.agents/skills/design-research # Codex, Cursor, Gemini CLI, Copilot, OpenCode