菜单
Use when researching visual direction from Mobbin, Dribbble, Pinterest, Landing Love, 60fps Design, Godly Website, shadcn/coss/ui, or related UI references.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
Use for product design, UI/UX, branding, high-fidelity web/mobile/desktop interfaces, HTML prototypes, design systems, frontend implementation, and design quality work.
Use to create, repair, or enforce design tokens, semantic surfaces, light/dark themes, spacing, radius, typography, component variants, and reusable UI primitives.
Use for empty states, no-data UI, AI output streaming, thinking steps, loading states, skeletons, progressive disclosure, and conversational product surfaces.
Use after design or implementation to package handoff notes, refactor UI code, split god components, document tokens, and prepare maintainable frontend deliverables.
Use for React Native, Expo SDK 56, NativeWind, iOS/Android UI, mobile UX flows, touch targets, safe areas, and mobile design-system implementation.
Use for interaction design, animations, progressive blur, animated borders, liquid metal accents, transitions, gesture feedback, and motion quality review.
基于 SOC 职业分类
| name | visual-inspiration-research |
| description | Use when researching visual direction from Mobbin, Dribbble, Pinterest, Landing Love, 60fps Design, Godly Website, shadcn/coss/ui, or related UI references. |
Use this skill to gather pattern-level design inspiration without copying proprietary work.
For mobile:
For web:
For components:
<inspiration_synthesis>
<query></query>
<sources_considered></sources_considered>
<patterns_to_use></patterns_to_use>
<patterns_to_avoid></patterns_to_avoid>
<original_direction></original_direction>
<implementation_implications></implementation_implications>
</inspiration_synthesis>
Stop researching once there is enough evidence to define direction, component anatomy, interaction expectations, and implementation constraints. Do not browse indefinitely.