web-standards

仓库创建 2026年7月6日最近提交 22 天前SkillHot 收录 22 天前

▸ 精选理由

把体验和性能规范化，便于跨项目维持质量

这个 Skill 做什么

在构建网页时强制执行移动优先、可访问性与性能等现代标准。

帮你把网页界面做得既好看又能用：移动优先响应、无障碍（WCAG）、Core Web Vitals 性能、合理动画和简洁布局都要顾到。任何改页面、组件、布局或样式时都该触发它来把关。最大特点是不随意改设计系统——优先匹配已有 tokens/组件约定，强调体验一致性。

▸ 展开 SKILL.md 英文原文

Use whenever building or changing web UI — pages, components, layouts, styling, responsive/mobile work, animations, or anything user-facing on the web. Enforces modern web-design standards: mobile-first responsive layout, accessibility (WCAG), Core Web Vitals performance, purposeful motion, and minimalist/bento layouts.

开发编程无障碍响应式性能通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/Seismoforg/claude-config/main/skills/web-standards/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/Seismoforg/claude-config/main/skills/web-standards/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# WEB STANDARDS

Governs HOW user-facing web UI looks and behaves. Composes with `coding-standards`
(code structure) — apply BOTH on web work. This skill = the experience.

Overriding rule: **match the project's existing design system.** Repo tokens, components, spacing, conventions beat the defaults here. Don't impose a new look on a codebase that has one.

# ON ACTIVATION — SCOPE
1. User-facing web UI? No → "no web-standards needed", stop.
2. Identify surface: component, layout, styling, motion, or full page. Read nearest existing components first to inherit the system.
3. Apply the pillars; run the Completion Checklist before done.

Bias: enforce non-negotiables (a11y, responsive, perf) e

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有