SkillsAdd

smithery.ai

ui-appshell

Enforce AppShell Layout v3.0 (Header 52px, Sidebar 52/280, MobileBottom 72px, RWD).

First seen Apr 25, 2026

Installation

$ npx skills add https://smithery.ai
View on skills.sh ↗ Website ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai
smithery-ai-cli 7.8K frontend-design 6.2K skill-creator 2.5K ck:ui-ux-pro-max 1.3K pdf 1.2K xlsx 966 pptx 894 docx 884 webapp-testing 1 web-design-reviewer 657

Browse all from smithery.ai

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 498 B
  • docs SUMMARY.md 102 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 installs

SKILL.md

Hard rules

  • Header fixed 52px, z-index 100
  • Sidebar desktop expanded 280px collapsed 52px
  • Mobile (<901px): Sidebar hidden, MobileBottom fixed 72px
  • Header right order: WidgetEditControls(owner-only) -> Notifications -> Account
  • Do not break existing routes/pages

Output requirements

  • Provide Desktop + Mobile layout notes
  • Provide component list + state flow