ui-analyzer

Name: ui-analyzer
Rating: 1.2 (1 reviews)
Author: smallnest

23.8

Analyze UI design screenshots and generate React components with TypeScript and Tailwind CSS. Use this skill when the user provides UI mockups, design screenshots, or Figma exports and requests implementation. Provides detailed layout analysis, component breakdown, design token extraction, and production-ready code generation following best practices.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install smallnest/goskills/ui-analyzer

OpenCode (CLI) Fast

skilz install smallnest/goskills/ui-analyzer --agent opencode

OpenAI Codex (CLI) Native

skilz install smallnest/goskills/ui-analyzer --agent codex

Gemini CLI (Project) Project

skilz install smallnest/goskills/ui-analyzer --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding agents

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/smallnest/goskills

2. Copy the agent skill directory:

cp -r goskills/testdata/skills/ui-analyzer ~/.claude/skills/

View on GitHub

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

gemini

by SpillwaveSolutions

Shell out to Gemini CLI from Claude for any task. Use when asked to "pipe content to Gemini", "get Gemini perspective", "use gemini CLI", "run headles...

general› analysis research skill

#gemini#Gemini CLI#Claude

gemini

by SpillwaveSolutions

Shell out to Gemini CLI from Claude for any task. Use when asked to "pipe content to Gemini", "get Gemini perspective", "use gemini CLI", "run headles...

general› analysis research skill

#gemini#Gemini CLI#Claude

clinical-reports

by davila7

"Write comprehensive clinical reports including case reports (CARE guidelines), diagnostic reports (radiology/pathology/lab), clinical trial reports (...

general› analysis research skill

CommandsMarketplace

excel-variance-analyzer

by jeremylongshore

Automate budget vs actual variance analysis in Excel with flagging, commentary, and executive summaries for financial reporting and FP&A teams

general› analysis research skill

AgentsMarketplace

Agentic Skill Details

Owner: smallnest (GitHub)
Repository: goskills
Type: Non-Technical
Meta-Domain: general
Primary Domain: general
Sub-Domain: analysis research skill
Market Score: 23.8

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?