skills.rest
simple-platform
simple-platformOFFICIAL
Explore all skills by this author →
GitHub

build-spaces

Build custom React-based Spaces within the Simple platform.

1|1|Updated Jan 4, 2026
Search Tags:#react#frontend development#ui development#simple platform#rpc sdk#custom spaces
One-click install
npx skills add https://github.com/simple-platform/simple-tools --skill build-spaces
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-spaces
Source: https://github.com/simple-platform/simple-tools/tree/main/tools/simple-cli/internal/scaffold/templates/agent/skills/build-spaces
Command: npx skills add https://github.com/simple-platform/simple-tools --skill build-spaces

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide for developers to create custom, interactive user interfaces called "Spaces" within the Simple platform, offering full UI freedom beyond standard custom views.

Core Features & Use Cases

  • Custom UI Development: Build fully independent React applications embedded within the Simple platform.
  • Secure API Communication: Utilize a secure RPC SDK for interacting with the Simple backend, ensuring data privacy and security.
  • External API Integration: Configure permissions to safely access external APIs and load external resources.
  • Use Case: Develop a customer portal as a Space, allowing users to manage their accounts, view order history, and interact with external services like payment gateways.

Quick Start

Use the Simple CLI to generate a new space by running simple new space <app-id> <space-name> <display-name>.

Frequently Asked Questions about build-spaces

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

FAQPage Schema
How do I build custom React Spaces within the Simple platform?▼

To build custom React Spaces, use the Simple CLI command `simple new space` to generate the directory structure, then configure routing, styling, and secure API communication via the RPC SDK for data fetching and mutations.

What is a custom Space in Simple and when do I need it for frontend development?▼

A custom Space in Simple is a fully independent React application embedded within the platform, needed when standard custom views are insufficient and you require full UI freedom for interactive components like customer portals.

How do I securely fetch data and access external APIs in a Simple platform Space?▼

Securely fetch data in a Simple Space by utilizing the provided RPC SDK for backend communication, and configure declared permissions to safely access external APIs and load external resources.

Does Simple platform RPC SDK support building interactive customer portals with React?▼

Yes, the RPC SDK supports building interactive customer portals by enabling secure API communication for data fetching and mutations within custom React Spaces, allowing users to manage accounts and interact with external services.

What are the steps to deploy a custom React UI in the Simple platform?▼

Deploying a custom React UI involves generating the space via Simple CLI, developing the UI with routing and styling, integrating the RPC SDK for data, declaring external API permissions, and finally building, testing, and deploying the component.

Can I use external APIs for payment processing in a Simple platform React Space?▼

Yes, you can access external APIs for payment processing within a React Space by configuring declared permissions, allowing your custom UI to safely load external resources and interact with services like payment gateways.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
simple-platformsimple-platform
1

simple-cli

Document the `simple` CLI commands for scaffolding and deploying Simple Platform applications.

Official
Intermediate
afterworkafterwork

building-storefronts

Plan and develop Medusa storefront features using the Medusa SDK and React Query.

Official
Advanced
KapilKumar88KapilKumar88

frontend-design

Generate custom frontend interfaces with HTML/CSS/JS and React components.

Community
Advanced