跳转到主要内容
此内容尚未提供您的语言版本,正在以英文显示。

Review Web Design

技能 已验证 活跃

Review web design for layout quality, typography, colour usage, spacing, responsive behaviour, brand consistency, and visual hierarchy. Covers design principles evaluation and improvement recommendations. Use when reviewing a design mockup before development, assessing an implemented site for design quality, providing feedback during a design review session, evaluating brand consistency, or checking responsive behaviour across breakpoints.

目的

To help users thoroughly review web design mockups or implemented sites, ensuring adherence to design principles and providing actionable improvement recommendations.

功能

  • Evaluates visual hierarchy and focal points
  • Assesses typography for readability and scale
  • Reviews color usage for brand alignment and accessibility
  • Checks layout and spacing for consistency and grid adherence
  • Tests responsive design across key breakpoints
  • Verifies brand consistency (logo, colors, fonts)
  • Generates a structured design review report

使用场景

  • Reviewing design mockups before development
  • Assessing live websites for design quality
  • Providing feedback during design review sessions
  • Ensuring brand consistency across digital assets
  • Checking responsive behavior across different devices

非目标

  • Evaluating functional correctness of the website
  • Providing detailed technical implementation advice (beyond design choices)
  • Performing usability testing with end-users
  • Replacing a full UX audit, focusing primarily on visual design aspects

Practical Utility

  • info:Usage examplesWhile the SKILL.md provides detailed procedural steps and tables, it lacks explicit end-to-end invocation examples with claimed outputs.

安装

/plugin install agent-almanac@pjt222-agent-almanac

质量评分

已验证
95 /100
about 19 hours ago 分析

信任信号

最近提交1 day ago
星标14
许可证MIT
状态
查看源代码

类似扩展

Anthropic Brand Styling

98

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

技能
davila7

Top Design

97

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "premium website", "portfolio site", "scroll animations", "Awwwards quality", "brand experience", "cinematic web design", "parallax storytelling", or "agency-quality site". Also trigger when building landing pages that need to impress, designing creative portfolios, or elevating a standard website to a memorable digital experience. Covers dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation. For foundational UI, see refactoring-ui. For type selection, see web-typography.

技能
wondelai

Brand Identity

95

Design or evaluate a brand visual identity system covering logo, color, typography, imagery direction, iconography, and motion principles. Use this skill whenever the user wants to design a logo, build a visual identity, define brand colors, choose brand typography, develop iconography, plan brand imagery, or evaluate an existing identity for cohesion. Triggers on logo design, brand identity, visual identity, brand mark, wordmark, monogram, color palette, brand colors, brand typography, type system, iconography, brand imagery, motion design, brand system, identity system. Also triggers when the user has a brand direction approved and now needs the visual artifacts that express it.

技能
rampstackco

Web Typography

95

Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", or "typographic scale". Also trigger when choosing between system fonts and web fonts, optimizing font loading performance, or designing readable long-form content layouts. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.

技能
wondelai

Storybrand Messaging

100

Clarify brand messaging using narrative structure that positions the customer as hero. Use when the user mentions "brand message", "website copy", "elevator pitch", "one-liner", "messaging isnt resonating", "brand script", "StoryBrand framework", or "customer as hero". Also trigger when rewriting homepage copy, crafting email nurture sequences, or creating consistent messaging across sales collateral and marketing materials. Covers landing page copy, marketing collateral, and consistent communication. For memorable messaging, see made-to-stick. For product positioning, see obviously-awesome.

技能
wondelai

Generate Restaurant Menu

100

Generate a branded restaurant menu PDF with sections, items, prices, and descriptions.

技能
iterationlayer