Review Web Design
Skill Verified ActiveReview 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.
Features
- 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
Use Cases
- 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
Non-Goals
- 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.
Installation
/plugin install agent-almanac@pjt222-agent-almanacQuality Score
VerifiedTrust Signals
Similar Extensions
Anthropic Brand Styling
98Applies 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.
Top Design
97Create 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.
Brand Identity
95Design 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.
Web Typography
95Select, 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.
Storybrand Messaging
100Clarify 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.
Generate Restaurant Menu
100Generate a branded restaurant menu PDF with sections, items, prices, and descriptions.