CSS Grid 编辑排版系统
SkillSkillsMP
io.github.TheGoat395/Codex-Skills/css-grid-editorial-systems
为高端网站打造 CSS Grid 编辑风排版布局系统。适用于不对称网格、杂志式版面、作品集索引、案例展示页、图片画廊、主视觉构图、专题叙事、产品证明版式、类瀑布流节奏，以及用更强的层级感取代千篇一律的卡片网格。
source
“Source Code” 共 1,684 个结果
io.github.TheGoat395/Codex-Skills/css-grid-editorial-systems
为高端网站打造 CSS Grid 编辑风排版布局系统。适用于不对称网格、杂志式版面、作品集索引、案例展示页、图片画廊、主视觉构图、专题叙事、产品证明版式、类瀑布流节奏，以及用更强的层级感取代千篇一律的卡片网格。
io.github.shinpr/claude-code-workflows/typescript-rules
React/TypeScript 前端开发规则，涵盖类型安全、组件设计、状态管理与错误处理。在实现 React 组件、TypeScript 代码或前端功能时使用。
io.github.FlorianBruniaux/claude-code-ultimate-guide/security-check
对照已知威胁数据库，快速检查配置安全性。
io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-design-sprint
用结构化的 5 天流程制作原型、测试并与真实用户一起验证产品想法。当用户提到 “design sprint”、“validate in a week”、“rapid prototype”、“test with users”、“de-risk before building”、“GV sprint”、“prototype testing” 或 “design workshop” 时使用。也可在团队需要快速做出关键产品决策、化解各方分歧，或在投入开发前先验证高风险想法时触发。覆盖梳理、草图、决策、原型与测试。持续实验见 lean-startup，用户任务分析见 jobs-to-be-done。
io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-design-everyday-things
应用基础设计原则：可供性、示能符、约束、反馈与概念模型。当用户提到“为什么这么让人困惑”“affordance”“error prevention”“discoverability”“human-centered design”“fault tolerance”“mental model”“mapping”或“seven stages of action”时使用。也可在诊断用户为何出错、降低产品复杂度、改进错误提示与反馈系统时触发。覆盖执行鸿沟与评估鸿沟。可用性评分见 ux-heuristics，iOS 专项模式见 ios-hig-design。
io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-refactoring-ui
审计并修复 Web UI 的视觉层级、间距、配色与层次感。当用户说“我的 UI 看着不对劲”“修一下设计”“Tailwind 样式”“配色方案”“视觉层级”“设计系统”“间距刻度”“组件样式”时使用。也可在构建一致的设计 token、编写深色主题、提升数据可视化清晰度，或上线前打磨 UI 细节时触发。覆盖 grayscale-first 工作流、受约束的设计刻度、阴影与组件样式。字体选择见 web-typography，可用性审计见 ux-heuristics。
io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-ios-hig-design
按 Apple Human Interface Guidelines 设计原生 iOS 界面。当用户提到 “iPhone app”、“iPad layout”、“SwiftUI”、“UIKit”、“Dynamic Island”、“safe areas”、“HIG compliance”、“SF Symbols”、“haptic feedback” 或 “iOS accessibility” 时使用。也在为 iOS 构建 tab bar、导航栈、sheet 或 modal、实现深色模式、适配不同屏幕尺寸时触发。覆盖导航模式、无障碍、SF Symbols 与平台惯例。通用 UI 打磨见 refactoring-ui，可供性设计见 design-everyday-things。
io.github.peterkrueck/Claude-Code-Development-Kit/deploy
安全地测试并部署变更。发现部署目标，在上线前执行失败即止的门禁检查，可选地执行影子部署与切换，然后运行仅报告模式的部署后检查。这是一个模板——请按你的具体部署流水线定制命令和检查项。
io.github.laolaoshiren/claude-code-skills-zh/refactor-advisor
重构顾问 - 识别代码坏味道并提供重构方案
io.github.jnMetaCode/superpowers-zh/workflow-runner
在 Claude Code / OpenClaw / Cursor 中直接运行 agency-orchestrator YAML 工作流——无需 API key，使用当前会话的 LLM 作为执行引擎。当用户提供 .yaml 工作流文件或要求多角色协作完成任务时触发。
io.github.jnMetaCode/superpowers-zh/writing-skills
当创建新技能、编辑现有技能或在部署前验证技能是否有效时使用
io.github.jnMetaCode/superpowers-zh/writing-plans
当你有规格说明或需求用于多步骤任务时使用，在动手写代码之前
io.github.jnMetaCode/superpowers-zh/mcp-builder
MCP 服务器构建方法论 — 系统化构建生产级 MCP 工具，让 AI 助手连接外部能力
io.github.code-yeongyu/oh-my-openagent/git-master
任何 git 操作都务必使用：原子提交、rebase/squash、历史检索（blame、bisect、log -S）。强烈建议：配合 task(category='quick', load_skills=['git-master'], ...) 使用以节省上下文。触发词：commit、rebase、squash、who wrote、when was X added、find the commit that。
io.github.codeaholicguy/ai-devkit/security-review
AI DevKit·对代码、技能与提示词进行安全评审，检查 OWASP Top 10、提示词注入、业务逻辑缺陷与不安全默认值。适用于评审 PR、审计模块、审查 AI 技能/提示词或发布前检查
io.github.tirth8205/code-review-graph/review-changes
借助变更检测与影响分析执行结构化代码审查。
io.github.code-yeongyu/oh-my-openagent/dev-browser
带持久页面状态的浏览器自动化。当用户要求浏览网站、填写表单、截图、提取网页数据、测试 Web 应用或自动化浏览器工作流时使用。触发短语包括 “go to [url]”“click on”“fill out the form”“take a screenshot”“scrape”“automate”“test the website”“log into”，或任何浏览器交互请求。
io.github.code-yeongyu/oh-my-openagent/git-master
任何 git 操作都务必使用：原子提交、rebase/squash、历史检索（blame、bisect、log -S）。强烈建议：配合 task(category='quick', load_skills=['git-master'], ...) 使用以节省上下文。触发词：commit、rebase、squash、who wrote、when was X added、find the commit that。
io.github.code-yeongyu/oh-my-openagent/agent-browser
自动化浏览器交互，用于 Web 测试、表单填写、截图与数据提取。当用户需要浏览网站、与页面交互、填表单、截图、测试 Web 应用或从页面提取信息时使用。
io.github.code-yeongyu/oh-my-openagent/lsp-setup
为特定语言配置 Language Server（LSP），使编辑器/agent 工具链的诊断、跳转定义、查找引用与重命名可用。当需要配置 LSP、setup 或安装语言服务器、修复 “no LSP server configured”/“server not installed”、在多个服务器间选择（basedpyright vs pyright vs ty vs ruff）、或打通 .codex/lsp-client.json / .opencode/lsp.json 时使用。按文件路由到 references/<language>/README.md，给出确切的内置 server、各操作系统安装命令（macOS/Linux/Windows）、两份配置文件的片段、初始化选项、替代方案与排障。附带脚本：detect-lsp.ts（扫描项目语言及各 server 的安装/配置状态）与 verify-lsp.ts（执行一次真实的诊断往返）。覆盖 typescript、python、go、rust、c/c++、java、kotlin、c#/razor、swift、ruby、php、dart、elixir、zig、lua、bash、yaml、terraform、haskell、julia。
io.github.code-yeongyu/oh-my-openagent/review-work
实现完成后的审查编排器。并行启动 5 个后台子 agent:Oracle(目标/约束核验)、Oracle(代码质量)、Oracle(安全)、unspecified-high(动手 QA 执行)、unspecified-high(从 GitHub/git/Slack/Notion 挖掘上下文)。全部通过才算审查通过。完成任何重要实现工作后必须使用。触发词:'review work'、'review my work'、'review changes'、'QA my work'、'verify implementation'、'check my work'、'validate changes'、'post-implementation review'。
io.github.code-yeongyu/oh-my-openagent/refactor
智能重构命令。触发词:refactor、refactoring、cleanup、restructure、extract、simplify、modernize。
io.github.MarceloClaro/OpenCode_Ecosystem/automation-governance
面向 OpenCode 生态的自动化治理技能。
io.github.HKUDS/CLI-Anything/codex-skill
当用户希望 Codex 为 GUI 应用或源码仓库构建、完善、测试、验证或列出 CLI-Anything harness 时使用。将完整的 CLI-Anything 方法论适配到 Codex,不改变生成的 Python harness 格式。