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.
安装
npx skills add smallnest/langgraphgo --skill ui-analyzernpx skills add smallnest/langgraphgo --skill ui-analyzer -a claude-code -gnpx skills add smallnest/langgraphgo --skill ui-analyzer -a codex -ggemini skills install https://github.com/smallnest/langgraphgo.git --path testdata/skills/ui-analyzergh skill install smallnest/langgraphgo ui-analyzergit clone --depth 1 https://github.com/smallnest/langgraphgo /tmp/smallnest__langgraphgo
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/smallnest__langgraphgo/testdata/skills/ui-analyzer ~/.claude/skills/ui-analyzer # Claude Code
cp -R /tmp/smallnest__langgraphgo/testdata/skills/ui-analyzer ~/.agents/skills/ui-analyzer # Codex, Cursor, Gemini CLI, Copilot, OpenCode