# Page Design Guide

> Use this tool when you need to create visually appealing and user-friendly web pages, and want to improve your design skills with expert guidance on layout, color, typography, and accessibility. It solves problems such as outdated design, poor user experience, and lack of design inspiration, by providing curated knowledge and best practices. It takes in design goals and preferences as input, and outputs actionable design advice and inspiration for various page sections and UI components.

Canonical page: https://skillsregistry.net/skills/chihebnabil-page-design-guide  
JSON: https://api.skillsregistry.net/v1/skills/chihebnabil-page-design-guide

## Description

Provides curated web design knowledge to help generate better, more modern web pages through design principles rather than code templates. Offers guidance across layout patterns (F-Pattern, Z-Pattern, Bento Grid), color psychology with trending palettes, typography hierarchy, responsive design strategies, component specifications, accessibility standards, and current design trends. Includes inspiration sources and detailed guidance for specific page sections and UI components.

## Trust

- **Trust score (0–1):** 0.65
- **Verification tier:** scanned
- **Last scanned:** 2026-09-02

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-09-02

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/chihebnabil-page-design-guide)
- **Repository:** <https://github.com/chihebnabil/page-design-guide-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "chihebnabil-page-design-guide"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/chihebnabil-page-design-guide` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/chihebnabil-page-design-guide/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt