Surface
Per-project settings page. Reached via Settings → gear icon in the project sidebar (see Anything.com - Workspace and New Project).
Layout
Two-pane: left settings nav (~30%), right content (~70%).
Left pane — settings nav
Header
- Project name: Calculator (with Anything logo).
- ← Back to chat (link).
AI SETTINGS (section header, uppercase small caps)
- 🎧 Custom Instructions (active, highlighted)
GENERAL SETTINGS
- 🖼 Assets
API SETTINGS
- 🔒 Secrets
USER AUTH SETTINGS
- 🌐 Auth Providers
MOBILE APP SETTINGS
- 📱 App Store Marketing
- 💳 Monetization
SHARE SETTINGS
- ↗ Social Share
The settings IA reveals what Anything.com considers first-class product concerns for the built app:
- AI (how the agent behaves on this project) — Custom Instructions.
- General (project files) — Assets.
- API (backend) — Secrets.
- User auth (the built app's users, not the Anything user) — Auth Providers.
- Mobile app (store presence + monetization) — App Store Marketing, Monetization. These are only relevant if you ship a mobile app, so the section is scoped.
- Share (distribution) — Social Share (OG tags, preview card).
This IA reinforces Anything.com - ICP: the product is organized around publishing a monetizable app, not around dev ergonomics. You wouldn't find an "App Store Marketing" section in Replit's settings at this scope.
Right pane — Custom Instructions detail
Currently open: Custom Instructions.
- Title: "Custom instructions"
- Subtitle: "Add custom instructions to your project."
- Body: centered card showing:
- "No custom instructions" (placeholder).
- "Start by creating a new instruction or adding one from your team."
- + Add instruction — primary button (solid dark).
What this corrects
Anything.com - Custom Instructions was described as top-level / dashboard-level in the initial wiki. Custom Instructions is per-project, inside Project Settings → AI Settings. Corrected. "From your team" phrasing also implies shared instruction libraries exist at the team level — worth investigating on the next source clip.
Top header (persistent across all project settings pages)
Left → right:
- Project name: Calculator.
- View toggles: 👁 preview / ` code / 💻 desktop / 📱 mobile / ⟳ refresh.
- Page search:🔍 Homepage.
- Edit ✏️ and external link ↗ icons.
-👥 Invitebutton.
- **Publish`** — solid black primary button.
The header is always the same across preview, code, and settings — reinforcing that all are sub-views of a single project context.
Components observed
| Component | Purpose |
|---|---|
| Left nav with section headers | Categorized settings |
| Uppercase section labels with space-above | Visual grouping |
| Active item highlight | Current selection |
| Empty-state card with primary CTA | No-data states |
| Persistent project-level header | Context across subviews |
Sources
- !Project_Settings.png