Style Direction
技能 已验证 活跃Visual style direction recommendation with current style analysis + top 3 directions with implementation guidance
To provide objective, data-backed visual style direction recommendations for UI/UX projects, moving beyond subjective design reviews to quantifiable analysis.
功能
- Analyze current visual style (CSS, JSX, Tailwind)
- Recommend top 3 visual style directions
- Provide implementation guidance for each direction
- Score 12 weighted design dimensions
- Cite specific UX laws and research for findings
使用场景
- When needing to establish or refine the visual style of a new project.
- When iterating on an existing design and seeking data-driven direction.
- When aiming to improve a project's accessibility and adherence to UX best practices.
- When wanting to quantify and track design quality over time.
非目标
- Providing subjective design opinions without data.
- Generating full design mockups or code.
- Replacing human designers; augmenting their decision-making.
- Performing tasks outside of visual style analysis and recommendation.
工作流
- Analyze current project's visual style (code, config).
- Identify project type and target audience.
- Compare current style against 10 viable style directions.
- Recommend top 3 directions with rationale.
- Detail implementation checklist, risk factors, and references for each recommendation.
实践
- Design Analysis
- Style Recommendation
- UX Best Practices
- Accessibility Standards
安装
请先添加 Marketplace
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suite质量评分
已验证类似扩展
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Impeccable
99当用户希望设计、重新设计、塑造、批评、审计、打磨、澄清、提炼、加固、优化、改编、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、登陆页面、仪表板、产品 UI、应用外壳、组件、表单、设置、入职流程和空状态。处理用户体验审查、视觉层次、信息架构、认知负荷、可访问性、性能、响应行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边缘情况、i18n 以及可复用的设计系统或令牌。也适用于需要从平淡变得更大胆或更令人愉悦的设计，需要变得更安静的醒目设计，对 UI 元素的实时浏览器迭代，或应该感觉技术上非凡的雄心勃勃的视觉效果。不适用于仅限后端或非 UI 任务。
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Macos Design
100Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.