Hig Components Layout

🌐Community
by raintree-technology · vlatest · Repository

Automatically optimizes high-impact component placement on webpages to improve user engagement and conversion rates.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add hig-components-layout npx -- -y @trustedskills/hig-components-layout
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "hig-components-layout": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/hig-components-layout"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill provides layout components based on Apple's Human Interface Guidelines (HIG). It allows AI agents to structure information and user interfaces in a way that aligns with Apple’s design principles, ensuring consistency and usability. The skill facilitates the creation of layouts suitable for macOS, iOS, iPadOS, watchOS, and tvOS applications.

When to use it

  • Designing a macOS application interface: Use this skill to ensure your app adheres to standard macOS layout conventions.
  • Creating an iOS onboarding flow: Structure the steps in a clear and intuitive way using Apple’s recommended layouts.
  • Building a user interface for an iPadOS tablet app: Leverage the skill to optimize content display across different screen sizes and orientations.
  • Developing a watchOS complication layout: Create visually appealing and functional complications that follow Apple's guidelines.

Key capabilities

  • Apple HIG compliance
  • Layout generation for macOS, iOS, iPadOS, watchOS, and tvOS
  • Structure information according to design principles
  • Ensure consistency in user interfaces

Example prompts

  • "Create a macOS settings panel layout."
  • "Generate an iOS onboarding screen with three steps."
  • "Design a watchOS complication for displaying the current weather conditions."
  • “Show me a standard iPadOS list view.”

Tips & gotchas

This skill requires some familiarity with Apple's Human Interface Guidelines to effectively utilize its capabilities and achieve desired results. The generated layouts are intended as starting points; further customization may be necessary depending on specific application requirements.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
raintree-technology
Installs
27

🌐 Community

Passed automated security scans.