SkillHub
Skill GuideMCP GuideBrowseCategoriesSubmit
Sponsor
SkillHub

The discovery platform for Claude MCP servers and skills. Find and install the best tools to extend Claude.

Platform

  • Browse
  • Categories
  • Submit
  • Sponsor

Categories

  • Developer Tools
  • Testing
  • DevOps
  • Security

Resources

  • Quick Start Guide
  • Skills Docs
  • GitHub
  • MCP Protocol

© 2026 SkillHub. All rights reserved.

Privacy PolicyTerms of Service
Back to Skills

Layout Paradigms And Consistency

UX and design system skills for AI agents based on 20 years of experience

Claude Code
14 stars

About

UX and design system skills for AI agents. Install once, and your agent knows how to design. npx skills add dembrandt/dembrandt-skills A skill is just instructions your agent reads — you don't run it. The agent reads each skill's description, and loads the matching one when your request fits. 1. Install (command above), then **start a new session** — skills load at session start. 2. **Just ask in plain words.** "What layout fits a list of orders?", "Does this pass WCAG AA?" — the right ski

Installation

$ npx skills add dembrandt/dembrandt-skills --skill layout-paradigms-and-consistency

Tags

accessibility
agent-skills
claude-code-skills
claude-skills
cursor-skills

Related Skills

Html Ppt Retro Quarterly Review

Skill from nexu-io: html-ppt-retro-quarterly-review

Claude Code
63.7k
nexu-io

Figma Dev Mode MCP

Figma's official MCP server exposing design structure, auto-layout, and styles to AI coding agents.

MCP
1.6k
Figma

Web Design Guidelines

Review UI code for compliance with 100+ web interface best practices.

Multi-Platform
27.7k
Vercel
Provider
dembrandt
Category
Design
Type
Skill
Last Updated
June 16, 2026
View SourceDocumentation
design-system
design-tokens
enterprise-ux