SkillsAdd

openbmb/pilotdeck · Archived

web-design-guidelines

前端 UI 审查?

First seen Jun 18, 2026

Installation

$ npx skills add openbmb/pilotdeck --skill web-design-guidelines
View on skills.sh ↗ GitHub repository ↗

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

frontend-design Same source · more installs
openbmb/pilotdeck

前端界面设计原则：视觉层次、布局、色彩、间距、响应式和避?

41 installs
react-next-best-practices Same source
openbmb/pilotdeck

React/Next.js 项目最佳实践：组件拆分、数据获取、性能、bundle、RSC、hydration 和路由。

8 installs
diagram-maker Same source
openbmb/pilotdeck

Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.

2 installs
tmux Same source
openbmb/pilotdeck

Control tmux sessions/panes for interactive CLIs: list, capture output, send keys, paste text, …

2 installs

Similar popular skills

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

frontend-design Same topic
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

866.4K installs
agent-browser Same topic
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Same topic
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Same topic
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-diagnostics Same topic
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs

Also in this package

Other skills from openbmb/pilotdeck.

npx skills add openbmb/pilotdeck
frontend-design 41 react-next-best-practices 8 diagram-maker 2 tmux 2 powershell 2 pilotdeck-skills-migration 2

Browse all from openbmb/pilotdeck

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

Repository health

Stars 4.0K
License LICENSE
Default branch main
Open issues 53
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,262 B
  • docs SUMMARY.md 141 B

History

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

SKILL.md

Web Design Guidelines

Use this skill after building or modifying web UI. It helps the agent review whether the interface is usable, readable, responsive, and polished.

Checklist

  1. Layout: consistent alignment, predictable grid, no accidental crowding.
  2. Typography: readable sizes, clear hierarchy, line length under control.
  3. Color: sufficient contrast, semantic states, no random palette mixing.
  4. Interaction: clear hover/focus/active/disabled states.
  5. Responsiveness: mobile, tablet, and desktop layouts remain usable.
  6. Accessibility: keyboard focus, labels, alt text, contrast, reduced motion where relevant.
  7. Product states: loading, empty, error, offline, and success states exist when needed.
  8. Polish: spacing, borders, shadows, icon sizes, and copy tone feel consistent.

Output

When reviewing, return: pass/fail summary, top issues, concrete fixes, and files/components likely affected.

PilotDeck Migration Note

  • Source inspiration: Vercel Agent Skills web design guidance and common UI QA practice.
  • This is a PilotDeck-native draft, not a verbatim copy.