ui-designer
From the author
UI design, UI 设计, 界面设计, 视觉设计, 设计语言, 设计方向, 改版。Use when: 需要决定产品界面长什么样、用起来什么感觉——从口述需求、PRD/Journey、截图或品牌材料出发，自行判读风格、构图、组件和交互，产出设计语言、组件规格和可运行的高保真界面。方向开放时把两个候选方向都做成页面供选择。有前端仓库时写进隔离沙箱，便于迭代并直接交给 prototype-designer；没有仓库时产出独立设计包。可单独使用。
Install
npx skills add TestAny-io/testany-agent-skills --skill ui-designer -a claude-code
Installs to .claude/skills/ui-designer/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 83
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- prototype-designerTestAny-io/testany-agent-skillsPrototype, 交互原型, 原型设计, UI prototype, 流程验证。Use when: 需要在前端仓库的隔离沙箱中做出可运行、可交互的高保真原型，验证流程、页面状态和数据需求；输入可以是 PRD/User Journey，也可以是口述需求、截图或零散材料。有 ui-designer 设计包时照设计包补全流程与状态，没有时继承仓库设计系统并自行判读。可单独使用，也可在进入 HLD/API Contract 之前使用。重点是决定界面长什么样时改用 ui-designer。Design★ 82
- ui-designTencentCloudBase/CloudBase-AI-ToolkitUse when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.Design★ 1.1K
- product-designerborghei/Claude-SkillsProduct design across UI/UX, design systems, prototyping, and user research. Use when creating user journey maps, building wireframes, defining design tokens and component systems, planning usability tests, or establishing design principles.Testing★ 978
- frontend-designanthropics/skillsGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.OfficialDesign★ 183.6K
- web-design-director62656456/ai-film-skillsDesign, implement, or review websites and application interfaces through product-specific visual direction, information architecture, interaction design, responsive behavior, accessibility, and verified frontend execution. Use for 网页设计、网站设计、界面设计、UI/UX、页面布局、前端视觉、交互设计、设计系统、响应式 and interface work on dashboards, workbenches, asset libraries or landing pages. Mere mentions of these surfaces, file/catalog management, backend-only work, README or repository updates, and maintenance of this skill do not request interface design or deployment.Design★ 88
- designOutlineDriven/outline-driven-developmentUse when starting UI work, defining palettes or tokens, fixing AI-generic UI, or persisting a design system to DESIGN.md (modes: implement, persist). Not for live URLs: use web-design-review.Design★ 54
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in