swell-app-development

Guide Swell App development through a five-gate workflow with CLI operations.

4|1|Updated Dec 29, 2025
One-click install
npx skills add https://github.com/swellstores/swell-claude-plugins --skill swell-app-development
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swell-app-development
Source: https://github.com/swellstores/swell-claude-plugins/tree/main/swell-app/skills/swell-app-development
Command: npx skills add https://github.com/swellstores/swell-claude-plugins --skill swell-app-development

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the entire development lifecycle for Swell Apps, from understanding the architecture to deploying and testing changes, ensuring a robust and efficient workflow.

Core Features & Use Cases

  • Architecture Understanding: Provides a deep dive into Swell App file structure, CLI commands, and development cycles.
  • Development Workflow Guidance: Guides users through a five-gate development process (Explore, Schema, Author & Validate, Deploy & Verify, Test).
  • Resource Management: Details how to manage data models, content, functions, settings, webhooks, and notifications.
  • Use Case: A developer needs to add a new custom product field and a corresponding admin UI section. This Skill will guide them through defining the model, creating the content configuration, and validating/deploying the changes.

Quick Start

Use the swell app development skill to help me create a new model for product reviews.

Frequently Asked Questions about swell-app-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build and deploy a Swell app from end to end?

To build a Swell app, follow the structured five-gate development cycle: Explore, Schema, Author & Validate, Deploy & Verify, and Test. This process covers data modeling, UI configuration, and serverless functions.

What is the Swell app file structure and architecture?

The Swell app architecture defines specific file system contracts for managing data models, content, settings, and serverless functions. Adhering to this structure ensures robust application creation and proper CLI operations.

How do I add a custom product field and admin UI in Swell?

To add a custom product field and admin UI in Swell, define the data model, create the corresponding content configuration, and validate the changes before deploying through the CLI.

Does Swell app development support serverless functions and webhooks?

Yes, Swell app development supports serverless functions, webhooks, and notifications. The workflow details resource management for these components within the app's file structure and deployment strategy.

What CLI commands do I need for Swell app development?

Swell app development relies on CLI commands to execute the five-gate development workflow, enabling you to author, validate, deploy, and verify changes to data models and serverless functions.

When should I use the five-gate development cycle for Swell apps?

You should use the five-gate development cycle whenever creating or modifying Swell apps to ensure adherence to structured architecture, proper data modeling, and thorough testing before deployment.