skills.rest
felvieira
felvieiraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-intelligence

Identify top design competitors and extract visual patterns for UI strategy.

22|6|Updated Mar 10, 2026
Search Tags:#design#handoff#ui-ux#moodboard#competition-research#visual-benchmarking
One-click install
npx skills add https://github.com/felvieira/claude-skills-fv --skill design-intelligence-felvieira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-intelligence
Source: https://github.com/felvieira/claude-skills-fv/tree/main/skills/29-design-intelligence
Command: npx skills add https://github.com/felvieira/claude-skills-fv --skill design-intelligence-felvieira

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables competitive visual research for UI/UX design, turning benchmarking insights into a strategic dossier to guide design decisions, moodboard generation, and cross-team handoff.

Core Features & Use Cases

  • Identify top 3-5 visual competitors and capture reference screenshots
  • Analyze palettes, typography, layouts, and CTAs to derive actionable design strategies
  • Generate moodboards via Image Generator (skill 17) and assemble a final dossier for UI/UX handoff
  • Provide structured outputs and artifacts to support UI/UX work

Quick Start

Describe the project niche and branding constraints to start the design intelligence workflow.

Frequently Asked Questions about design-intelligence

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I conduct visual benchmarking for UI/UX design research?▼

Visual benchmarking for UI/UX design research identifies top design competitors and extracts visual patterns to inform your UI strategy. It captures reference screenshots and analyzes palettes, typography, layouts, and CTAs to derive actionable design strategies.

What is the best way to create a design moodboard from competitor screenshots?▼

Creating a design moodboard from competitor screenshots involves capturing visual references and generating images. This skill uses an Image Generator to synthesize these patterns into a structured moodboard, assembling a final dossier for UI/UX handoff.

How does competitive design research translate into a handoff dossier?▼

Competitive design research translates into a handoff dossier by capturing visual benchmarks and analyzing palettes, typography, and layouts. This skill structures those benchmarking insights into a strategic dossier saved under docs/design-intelligence to guide cross-team handoff.

Do I need Playwright MCP and Brave Search to capture design competitors?▼

Yes, capturing design competitors requires Brave Search or WebSearch to identify top visual competitors, and Playwright MCP for automated screenshot capture. These tools enable the extraction of reference layouts for your UI strategy.

Can I use this for UI strategy if I only know my project niche and branding constraints?▼

Yes, you can use this for UI strategy by simply describing your project niche and branding constraints. This input starts the design intelligence workflow to identify competitors and generate actionable visual design directions.

Related Skills

Explore More Design & Creative Skills→
maplin-comaplin-co

playwright

Automate browser navigation, form filling, and screenshot capture with Playwright MCP.

Official
Intermediate
bughqbughq
2

stacks-imagegen-mobile

Generate platform-aware mobile app screen mockups and user flow visualizations.

Official
Advanced
aditisharma0204aditisharma0204

creative-director

Define visual direction and create Figma design systems with moodboards, color palettes, and typography tokens.

Community
Advanced
aaron-he-zhuaaron-he-zhu
142

competitor-analysis

Analyze competitor SEO and GEO strategies across 2-5 competitors.

Community
Advanced