web-component-design
Skillby wshobson
agentskill⭐ 30,5907/10
精通React/Vue/Svelte三大框架组件模式，涵盖CSS-in-JS、组合策略与可复用组件架构，助力构建企业级前端设计系统
📊 商业分析
商业模式
freemium
独特价值
同时精通React/Vue/Svelte三框架组件架构设计与CSS-in-JS最佳实践
竞品
1. Storybook AI插件（专注组件文档，缺乏多框架跨端设计能力）；2. v0.dev（Vercel出品，偏UI生成而非架构设计）；3. Locofy.ai（设计稿转代码，缺乏组件API设计深度）
🎯 应用场景
目标用户
前端工程师UI组件库开发者前端架构师
📦 安装方式
🔗 安装/下载链接 →工具信息
- 类型
- Skill
- 平台
- agentskill
- Stars
- ⭐ 30,590
- 价值评分
- 7/10
- 子分类
- 前端组件库与设计系统
- 可商业化
- ✅ 是
AI 标签
React组件设计Vue组件模式Svelte架构CSS-in-JS前端设计系统
相关工具推荐
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