软件下载帮助文档新闻资讯

Skill UI

浏览并发现 16598+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索前端架构，共找到 31 条记录

默认排序最新上传最多下载

代码库到WordPress主题转换

codebase-to-wordpress-converter

sickn33/antigravity-awesome-skills

这是一个专业的代码库转换工具，能够将使用React、Next.js或纯HTML构建的前端代码，转换为功能完备、像素级完美匹配且SEO优化的WordPress主题。它不仅完成转换，更充当高级架构师的角色，确保了代码的绝对忠实度，并深度集成了ACF、动态菜单和技术SEO，适用于大规模网站迁移。

Shopify应用架构选择指南

shopify-architecture-variants

jeremylongshore/claude-code-plugins-plus-skills

本指南帮助开发者选择在Shopify上构建应用的最佳架构模式。它详细比较了四种主流方案：嵌入式Remix应用、Hydrogen无头前端、后台系统集成和主题扩展。可用于新项目启动时，决定最适合的开发路径和技术栈。

Shopify无头前端架构指南

shopify-storefront-headless

jeremylongshore/claude-code-plugins-plus-skills

本指南详细介绍了如何利用Shopify的Storefront API和Cart API，构建高性能的无头电商前端。它支持从客户端查询产品目录、管理购物车（添加/更新商品）并引导用户完成结账流程。适用于需要高度定制化、脱离传统主题的独立站或移动应用开发场景。

高保真前端开发规范

design-taste-frontend-v1

Leonxlnx/taste-skill

本技能集提供了一套严格的工程和设计规范，指导用户使用React/Next.js和Tailwind CSS构建专业级的前端界面。它涵盖了从架构限制（如状态管理、组件分离）到设计细节（如排版、色彩、布局）的各项最佳实践，旨在消除常见的网页设计缺陷，确保代码具备高保真度和生产可用性。

可移植的模块化前端架构指南

frontend-architecture

sickn33/antigravity-awesome-skills

本技能提供了一种框架无关、模块化的前端架构模式，适用于 React 和 React Native 应用。它强制实施了基于功能模块、严格的状态分离（服务端/客户端状态）和规范的导入规则，旨在构建可预测、易于维护且高度可扩展的代码库，不受具体框架限制。

React前端开发模式最佳实践

frontend-patterns

本指南详细介绍了React和Next.js架构下的现代前端开发模式。内容涵盖了组件化设计（如复合组件、渲染属性）、状态管理（Context+Reducer）、数据获取优化（useQuery）、以及性能提升技巧，是构建高性能、可维护UI的必备参考。

Stitch设计转模块化React组件

stitch-react-components

google-labs-code/stitch-skills

本技能旨在自动化将Stitch设计的视觉稿件，转换为高质量、模块化的React和Vite组件。它遵循严格的架构流程，包括通过自定义Hooks进行逻辑隔离、数据解耦和使用TypeScript保证类型安全。整个过程涵盖了网络资源获取、主题样式同步和多阶段代码验证，确保生成的是可直接投入生产的、结构化的前端代码。

语言