SkillsAdd

smithery/xiangteng007

ui-appshell

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

Installation

$ npx skills add smithery/xiangteng007 --skill ui-appshell
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/xiangteng007.

npx skills add smithery/xiangteng007
notify-format 0

Browse all from smithery/xiangteng007

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 recorded snapshot · 0 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