什么是 html-css-guide？
HTML 和 CSS 护栏、模式以及 AI 辅助开发的最佳实践。 在处理 HTML/CSS 文件（.html、.css、.scss、.less）或用户提及 HTML/CSS 时使用。 提供语义 HTML 指南、可访问性标准、现代 CSS 模式、 以及特定于该项目编码标准的响应式设计约定。 来源：ar4mirez/samuel。
·html-css-guide
</>
html-css-guide
✓HTML 和 CSS 护栏、模式以及 AI 辅助开发的最佳实践。 在处理 HTML/CSS 文件（.html、.css、.scss、.less）或用户提及 HTML/CSS 时使用。 提供语义 HTML 指南、可访问性标准、现代 CSS 模式、 以及特定于该项目编码标准的响应式设计约定。
如何安装 html-css-guide
通过命令行快速安装 html-css-guide AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/ar4mirez/samuel --skill html-css-guide
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：ar4mirez/samuel。
SKILL.md
查看原文Applies to: HTML5, CSS3, SCSS/LESS, Responsive Design, WCAG 2.1 AA
Use CSS Grid for page layouts with rows and columns; use Flexbox for single-axis alignment.
For detailed layout examples, accessibility patterns, and modern CSS features, see:
HTML 和 CSS 护栏、模式以及 AI 辅助开发的最佳实践。 在处理 HTML/CSS 文件（.html、.css、.scss、.less）或用户提及 HTML/CSS 时使用。 提供语义 HTML 指南、可访问性标准、现代 CSS 模式、 以及特定于该项目编码标准的响应式设计约定。 来源：ar4mirez/samuel。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/ar4mirez/samuel --skill html-css-guide- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-22
- 更新时间
- 2026-03-10
快速解答
如何安装 html-css-guide？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/ar4mirez/samuel --skill html-css-guide 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/ar4mirez/samuel
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-22