AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Web Design Guidelines

skill-misonl-ling-web-design-guidelines · by MisonL

审阅 UI 代码是否符合 Web 界面指南。适用于“审阅我的 UI”“检查无障碍性”“审计设计”“审阅 UX”或“按最佳实践检查网站”等场景。

↗ Website ↗ Repository
— No reviews yet
0 installs
49 views
0.0% view→install

Install

$ agentstack add skill-misonl-ling-web-design-guidelines

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-misonl-ling-web-design-guidelines)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
○ 6mo ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Web Design Guidelines? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Web 界面指南

审阅文件是否符合 Web 界面指南。

工作方式

  1. 从下方来源 URL 获取最新指南
  2. 读取指定文件（或提示用户提供文件/匹配路径）
  3. 按获取到的指南逐条检查
  4. 使用精简的 file:line 格式输出发现

指南来源

每次审阅前都获取最新指南：

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

使用 WebFetch 获取最新规则。获取内容包含完整规则及输出格式说明。

使用方式

当用户提供文件或路径参数时：

  1. 从上述 URL 获取指南
  2. 读取指定文件
  3. 应用获取到的全部规则
  4. 按指南指定格式输出发现

如果未指定文件，请先询问用户要审阅哪些文件。

相关技能

| 技能 | 适用场景 | |-------|-------------| | [frontend-design](../frontend-design/SKILL.md) | 编码前：学习设计原则（色彩、排版、UX 心理学） | | web-design-guidelines（当前） | 编码后：审计无障碍、性能与最佳实践 |

设计工作流

1. DESIGN   -> 阅读 frontend-design 原则
2. CODE     -> 实现设计
3. AUDIT    -> 运行 web-design-guidelines 审阅  根据审阅发现进行修复

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

  • Author: MisonL
  • Source: MisonL/Ling
  • License: MIT
  • Homepage: https://www.npmjs.com/package/@mison/ling

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills