ryanthedev

Layout Check — Design skill for Claude Code

Design community

Verify visual layout against React Native Flexbox and style documentation.

How to install Layout Check

Installs to ~/.claude/skills/ryanthedev-react-native-foundations.skill-layout-check/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ryanthedev-react-native-foundations.skill-layout-check && curl -fsSL https://raw.githubusercontent.com/ryanthedev/react-native-foundations.skill/HEAD/commands/layout-check.md -o ~/.claude/skills/ryanthedev-react-native-foundations.skill-layout-check/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Layout Check does

description: "Verify visual layout against React Native Flexbox and style documentation." argument-hint: "[concern — e.g. 'why is this overflowing', 'check the spacing']" allowed-tools: ["Bash", "Read", "Grep", "Agent"]

/layout-check

Invoke Skill

Skill(react-native-foundations:layout-check)

Alternatives in Design

Doc Feedback — Reviews documentation for quality, consistency, and style guide adherence 335 ★
Check Visual — /check-visual — 执行视觉检测 322 ★
Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★