Prompts to build any screen
Once SaaS Design is installed, paste one of these into your agent to build a specific layout with the components already in your project. Real screens, one cohesive system, not a generic AI look.
Prompts for every screen
Pick the screen you want and copy its prompt. Dashboards, tables, settings, billing, auth, onboarding, and landing pages.
Analytics dashboard
An app-shell dashboard with KPI stat cards, a focal chart, and an activity feed.
Data table with filters
A sortable, filterable table with row selection, bulk actions, status badges, and pagination.
Account settings page
Profile, notification preferences, and a clearly separated danger zone, all in cards.
Billing and plans page
Current plan with a usage meter, invoice history, and the saved payment method.
Authentication screens
Sign in, sign up, and password reset on a centered card with SSO and magic-link.
Onboarding flow
A multi-step setup with a progress indicator, a checklist, and guiding empty states.
SaaS landing page
A full marketing page: hero, features, social proof, pricing, and a closing call to action.
Product landing page (alt)
The second landing template: centered hero, alternating feature rows, metrics, and pricing.
How to use these prompts
Already have a paid license? Install the system once, then paste any prompt above.
- 1
Install SaaS Design (once)
Open Claude Code, Claude Cowork, OpenClaw, Cursor, or any AI agent and paste this. When it asks for your license key, paste your key.
Paste into Claude Code, Claude Cowork, OpenClaw, Cursor, or any AI agentSet up SaaS Design in this project. Use the SaaS Design skill: https://www.saasdesign.io/skill.mdHave a license? Find your key in your account. No key yet? See pricing.
- 2
Pick a prompt above
Open the screen you want to build.
- 3
Copy its prompt and paste it in
Each one has a click-to-copy prompt. Paste it into your agent and it builds the screen using the components already in your project.