·css

具有现代功能和最佳实践的专家级 CSS 开发。当要求 (1) 编写或调试 CSS,(2) 使用 Flexbox、网格或容器查询实现布局,(3) 创建动画和过渡,(4) 优化 CSS 性能,(5) 使用 CSS 预处理器或 CSS-in-JS,(6) 实现响应式设计,或者当出现“样式”、“CSS”、“样式表”、“设计”、“布局”、“动画”等短语时使用。

56安装·0热度·@jaredlander

安装

$npx skills add https://github.com/jaredlander/freshbooks-speed --skill css

SKILL.md

Write modern, performant, maintainable CSS following current best practices with deep knowledge of browser compatibility and CSS specifications.

IMPORTANT: When you need to look up CSS properties, syntax, browser compatibility, or spec details, use the context7 MCP tool to query MDN and other documentation sources.

Remember: When in doubt about any CSS feature, syntax, or browser support, use context7 to look it up in real-time documentation.

具有现代功能和最佳实践的专家级 CSS 开发。当要求 (1) 编写或调试 CSS,(2) 使用 Flexbox、网格或容器查询实现布局,(3) 创建动画和过渡,(4) 优化 CSS 性能,(5) 使用 CSS 预处理器或 CSS-in-JS,(6) 实现响应式设计,或者当出现“样式”、“CSS”、“样式表”、“设计”、“布局”、“动画”等短语时使用。 来源:jaredlander/freshbooks-speed。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/jaredlander/freshbooks-speed --skill css
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 css?

具有现代功能和最佳实践的专家级 CSS 开发。当要求 (1) 编写或调试 CSS,(2) 使用 Flexbox、网格或容器查询实现布局,(3) 创建动画和过渡,(4) 优化 CSS 性能,(5) 使用 CSS 预处理器或 CSS-in-JS,(6) 实现响应式设计,或者当出现“样式”、“CSS”、“样式表”、“设计”、“布局”、“动画”等短语时使用。 来源:jaredlander/freshbooks-speed。

如何安装 css?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/jaredlander/freshbooks-speed --skill css 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/jaredlander/freshbooks-speed

详情

分类
</>开发工具
来源
skills.sh
收录时间
2026-02-01