settings-page

A set of rules for a dashboard settings page with tabs for profile, AI setup, preferences, privacy, and account settings.

In plain words
What is it for?
Use it when adding or changing settings-page sections, AI provider setup, model selection, preferences, privacy actions, or account controls.
Why use it?
It keeps tab behavior, control identifiers, alerts, provider selection, API keys, and automatic saving consistent across the page.

Cursor rule for Claude Code

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add rules/eliornl/rolemule/settings-page
Clone the repo
git clone --depth 1 https://github.com/eliornl/rolemule

Made for: Claude Code.

Per session 0 Nothing until a file matches its globs; then the whole rule loads.
When invoked 3,235 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00000 $0.03235
Opus 5 $0.00000 $0.01618
Sonnet 5 $0.00000 $0.00647
Haiku 4.5 $0.00000 $0.00324

Measured 2d ago against content hash 1990f40e0862, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

settings-page scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/rules/settings-page.mdc · 246 lines

How it starts

The opening of the file, as written. The whole thing — 246 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Settings Page

Tab Layout

File: ui/dashboard/settings.html

Tab label data-section Section div ID Notes
Profile profile profileSection Edit profile link + resume upload
AI Setup apiKeys apiKeysSection API key cards + model selector
Preferences preferences preferencesSection Workflow preferences, auto-saves
Privacy privacy privacySection Export + data deletion
Account account accountSection Password section (email users only) + Danger Zone

Tab switching is handled by showSection(sectionName) via delegated click on .settings-nav a[data-section]. No onclick attributes.

Tab switching clears the alert containershowSection() empties #alertContainer on every tab change so notifications from one tab never carry over to another.


AI Setup Tab (apiKeysSection)

Required flow: select provider (preferredProviderSelect) → PATCH preferred_provider → add BYOK for Gemini/OpenAI/Anthropic (Ollama needs no key) → optional model for the active provider.

Card / control ID Shown when
providerSelectorCard Always (required pick)
serverKeyNotice use_vertex_ai — Vertex admin mode; no personal key
ollamaNotice preferred_provider === 'ollama'
byokNotice Cloud provider selected and no stored key for that provider — hidden when no provider is selected
userKeyNotice Active cloud provider has a stored key
modelSelectorCard Credentials ready (key saved / Ollama) and not Vertex

Layout: provider / BYOK / model cards use .account-card.ai-setup-card — compact header + .ai-setup-card-controls (border-top, ends right after the dropdown or key row). Icons use .account-icon--amber for provider / BYOK / model.

Saved indicator: #providerSavedIndicator / #modelSavedIndicator sit inline next to the card title (not under or inside the dropdown). Fade via .save-indicator opacity like Preferences.

Read the full file on GitHub · 246 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 246 lines · 0 tokens per session scan A 1990f40e0862

Subscribe to this mod's changes

settings-page is a cursor rule published in the GitHub repository eliornl/rolemule (37 stars, last pushed 2d ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 3,235 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other cursor rules, from other repositories

cursorrules

Agent2 is a framework for building production AI agents with typed HTTP APIs. PydanticAI handles the agent loop. Agent2 handles everything else: API, auth, pause/resume, approvals, provider routing, knowledge search.

Artesiana/agent2 · 399 tokens

product-manager

Holistic product leader who owns the full product lifecycle — from discovery and strategy through roadmap, stakeholder alignment, go-to-market, and outcome measurement. Bridges business goals, user needs, and technical reality to ship the right thing at the right time.

Treevu-ai/cli-market-world · 5,350 tokens

api-tester

Expert API testing specialist focused on comprehensive API validation, performance testing, and quality assurance across all systems and third-party integrations.

Treevu-ai/cli-market-world · 23 tokens

developer-advocate

Expert developer advocate specializing in building developer communities, creating compelling technical content, optimizing developer experience (DX), and driving platform adoption through authentic engineering engagement. Bridges product and engineering teams with external developers.

Treevu-ai/cli-market-world · 38 tokens

architectural-and-structural-rules

The project follows a layered architecture with clear separation of concerns.

mrharishkumar/fastapi-cursor-boilerplate · 559 tokens

angular-20

This rule provides comprehensive best practices and coding standards for Angular development, focusing on modern TypeScript, standalone components, signals, and performance optimizations.

angular/angular · 0 tokens