Communitygithub.com

majiayu000/claude-skill-registry

審查 UI 程式碼是否符合網頁介面準則。當使用者要求「檢視我的 UI」、「檢查無障礙性」、「稽核設計」、「檢視 UX」或「檢查我的網站是否符合最佳做法」時使用。

claude-skill-registry 是什麼？

這個技能專門用來審查 UI 程式碼是否符合網頁介面準則，是設計流程中「AUDIT（稽核）」階段的關鍵工具。它會先從指定的來源 URL 擷取最新的準則，然後讀取使用者指定的檔案或模式，並對照所有規則逐一檢查，最後以精簡的 `file:line` 格式輸出發現的問題。支援的平台包括 Claude Code、Cursor 與其他可執行技能檔案的 AI 代理。此技能與前端設計技能互補：在前端設計（frontend-design）建立設計原則後，開發者實作程式碼，接著使用此技能進行無障礙性、效能與最佳做法的稽核，最後修正發現的問題。如果使用者未指定檔案，技能會主動詢問要審查哪些檔案，確保稽核流程完整且可自訂。

相容平台✓Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/majiayu000/claude-skill-registry/tree/HEAD/skills/design/web-design-guidelines-congdon1207-agents-md
查看原文→瀏覽所有技能

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

說明文件

網頁介面準則

審查檔案是否符合網頁介面準則。

運作方式

  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. 使用準則中指定的格式輸出發現

若未指定檔案，請詢問使用者要審查哪些檔案。

相關技能

技能使用時機
前端設計編碼前 - 學習設計原則（色彩、字體、UX 心理學）
網頁設計準則（此技能）編碼後 - 稽核無障礙性、效能與最佳做法

設計工作流程

1. 設計   → 閱讀前端設計原則
2. 編碼   → 實作設計
3. 稽核   → 執行網頁設計準則審查 ← 您在此處
4. 修正   → 處理稽核發現

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

majiayu000/claude-skill-registry

Builds, edit or validate Agent Skill through conversational discovery. Use when the user requests to "Create an Agent", "Optimize an Agent" or "Edit an Agent".

majiayu000/claude-skill-registry

Edit existing BMAD agents while maintaining compliance

majiayu000/claude-skill-registry

Edit existing BMAD agents while maintaining compliance

majiayu000/claude-skill-registry

Edit existing BMAD modules while maintaining coherence

majiayu000/claude-skill-registry

Edit existing BMAD modules while maintaining coherence

majiayu000/claude-skill-registry

Analyzes current state and user query to answer BMad questions or recommend the next workflow or agent. Use when user says what should I do next, what do I do now, or asks a question about BMad

majiayu000/claude-skill-registry

Build AI agents with Google ADK Python (Agent Development Kit). Use for multi-agent systems, workflow agents (sequential/parallel/loop), Vertex AI deployment, tool integration, human-in-the-loop.

majiayu000/claude-skill-registry

Build AI agents with Google ADK Python (Agent Development Kit). Use for multi-agent systems, workflow agents (sequential/parallel/loop), Vertex AI deployment, tool integration, human-in-the-loop.

majiayu000/claude-skill-registry

Portfolio allocation and rebalancing optimizer. Manages asset allocation across stocks/cash/bonds, performs periodic rebalancing, and ensures diversification according to market regime and risk tolerance.

majiayu000/claude-skill-registry

Create a hilarious and ultra-realistic video of an anthropomorphic animal acting like a human vlogger in a real-world setting.

majiayu000/claude-skill-registry

Speech-to-text transcription and translation via OpenAI Audio API -- models, response formats, timestamps, prompting, streaming, chunking, and diarization

majiayu000/claude-skill-registry

BlockRun works with Claude Code and Google Antigravity.

majiayu000/claude-skill-registry

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.

majiayu000/claude-skill-registry

小省导购员数字人带货版即梦视频提示词生成系统，基于四大智能体协同（提示词生成师、质量管控师、知识库运维师、跨环节适配师），按照"主体+运动+场景+（镜头语言+光影+氛围）"公式输出中英文双版提示词，适配5s短视频。确保人物一致性、视觉连贯性、情绪连贯性，支持知识库智能复用和跨工具适配（Suno音乐、AI绘画），为数字人带货视频提供高质量提示词生成服务。

majiayu000/claude-skill-registry

Upload and manage files using Google Gemini File API via scripts/. Use for uploading images, audio, video, PDFs, and other files for use with Gemini models. Supports file upload, status checking, and file management. Triggers on "upload file", "file API", "upload image", "upload PDF", "upload video", "file management".

majiayu000/claude-skill-registry

CRITICAL: Use for MolyKit AI chat toolkit. Triggers on: BotClient, OpenAI, SSE streaming, AI chat, molykit, PlatformSend, spawn(), ThreadToken, cross-platform async, Chat widget, Messages, PromptInput, Avatar, LLM

majiayu000/claude-skill-registry

AI and machine learning workflow covering LLM application development, RAG implementation, agent architecture, ML pipelines, and AI-powered features.

majiayu000/claude-skill-registry

Analyze images/audio/video with Gemini API (better vision than Claude). Generate images (Imagen 4), videos (Veo 3). Use for vision analysis, transcription, OCR, design extraction, multimodal AI.

majiayu000/claude-skill-registry

Analyze images/audio/video with Gemini API (better vision than Claude). Generate images (Imagen 4), videos (Veo 3). Use for vision analysis, transcription, OCR, design extraction, multimodal AI.

majiayu000/claude-skill-registry

Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory.

相關技能

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community