前端设计需要联网github未标认证来源可访问clear审计通过

code-quality（代码质量）

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。

总安装

245

周安装

GitHub Stars

316

下载量

CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息，不托管安装包，也不代用户安装。

GitHub

来源数

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手，先确认命令和权限，再让它执行。

请帮我安装这个 Agent Skill：code-quality（代码质量）
来源仓库：https://github.com/bonny/wordpress-simple-history
仓库路径：skills/code-quality
安装命令：
npx skills add https://github.com/bonny/wordpress-simple-history --skill code-quality
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异；本站展示可直接复制的安装命令，安装前请核对来源页面。

skills.shnpx skills

npx skills add https://github.com/bonny/wordpress-simple-history --skill code-quality

简介

code-quality 提供 PHP、JavaScript、CSS 代码质量标准和自动化检查命令。

涵盖命名规范、输出转义、钩子前缀等 WordPress 特定规则，支持静态分析与自动修复。
集成 npm 脚本（如 php:lint、phpstan）进行本地检查，确保代码一致性。
使用前需确认项目依赖已安装，且有权运行 linting 工具和读取项目配置文件。
适用宿主包括 Codex、Claude、Cursor、Gemini CLI，接入前应确认版本、权限和运行环境要求。

SKILL.md

Code Quality Standards

Quick Commands

npm run php:lint        # Check PHP style
npm run php:lint-fix    # Auto-fix PHP issues
npm run php:phpstan     # Static analysis
npm run lint:js         # JavaScript
npm run lint:css        # CSS

Project-Specific Rules

Area	Standard
PHP	7.4+, WordPress Coding Standards
Prefixes	`sh`, `simplehistory`, `simple_history`
Text domain	`simple-history`
CSS naming	SuitCSS: `sh-ComponentName-subpart`
Array syntax	Short `[]` not `array()`
Control structures	Always use braces `{}`, never colon syntax

Essential Principles

Always escape output - Use WordPress escaping functions
Prefix everything - All hooks, functions, classes
Run tools after changes - phpcs/phpstan before committing

Detailed Guidelines

php-standards.md - PHP style, happy path, early returns
css-standards.md - SuitCSS naming conventions
js-standards.md - JavaScript conventions
tooling.md - phpcs, phpstan, rector usage
design-principles.md - DRY, YAGNI, refactoring patterns

Related Files

phpcs.xml.dist - PHP_CodeSniffer config
phpstan.neon - PHPStan config

适合场景

用户想查找某类 Agent Skill 时

需要根据任务场景推荐可安装能力包时

需要对比不同来源的安装命令和来源信息时

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明，方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用；具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

30.66%

按下载量换算24

OpenCode

22.08%

按下载量换算17

Codex

17.52%

按下载量换算14

Antigravity

13.52%

按下载量换算11

Gemini CLI

6.76%

按下载量换算5

windsurf

2.97%

按下载量换算2

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API；具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

来源信息

GitHub 仓库

github.com

/bonny/wordpress-simple-history

SKILL.md 来源

github.com

/bonny/wordpress-simple-history/tree/main/skills/code-quality

skills-sh

skills.sh

/bonny/wordpress-simple-history/code-quality

agentskills-to

agentskills.to

/bonny/wordpress-simple-history/code-quality

继续浏览同类 Skills

更多前端设计 Skills（10,216）返回 Skills 目录

上一个 Skill

code-principles（代码原则）

code-principles 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

下一个 Skill

code-quality（代码质量）

code-quality 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。