web-design
Skillby wpank
clawhub⭐ 15/10
涵盖布局、排版、色彩、间距及响应式设计的 CSS 实现模式，通过代码实例补充 UI 设计基础。
提供CSS布局、排版、配色、间距及响应式设计的代码实现模式，以结构化Prompt辅助AI生成规范CSS代码，与ui-design技能互补。
📊 商业分析
商业模式
free
独特价值
将CSS最佳实践模式化，提供布局排版响应式的结构化代码范例
竞品
Tailwind CSS IntelliSense（更成熟的CSS辅助生态）、ui-design skill（同作者互补但覆盖设计基础）、GitHub Copilot内置CSS补全（集成度更高）
🎯 应用场景
目标用户
前端初中级开发者全栈工程师独立开发者/设计转码人员
工具信息
- 类型
- Skill
- 平台
- clawhub
- Stars
- ⭐ 1
- 价值评分
- 5/10
- 子分类
- 前端CSS设计与实现
- 可商业化
- ❌ 否
AI 标签
CSS布局响应式设计前端开发排版配色代码模式
相关工具推荐
chrome-devtoolsMCP
基于Chrome DevTools MCP实现AI驱动的浏览器自动化、网络流量分析、性能剖析及截图捕获，专家级调试能力触手可及
9/10⭐ 24,083
brave-searchSKILL
通过Brave Search API实现网页搜索与内容提取，无需浏览器，轻量接入，适合文档查询、事实核查及任意网页内容获取场景。
8/10⭐ 161
playwright-mcpMCP
基于Playwright MCP服务器实现浏览器自动化，支持网页导航、元素点击、表单填写、数据提取与截图等完整工作流。
8/10⭐ 96
browser-useMCP
通过AI指令自动化浏览器操作，支持网页导航、表单填写、页面截图及结构化数据提取，适合测试与RPA场景
8/10⭐ 70
playwrightMCP
基于Playwright MCP协议实现浏览器自动化，支持网页导航、元素点击、表单填写、截图及数据提取，可调试真实浏览器工作流。
8/10⭐ 56