symbols-mcp
OfficialServer Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
| FRANK_AUDIT_URL | No | URL of the frank-audit HTTP endpoint to use instead of subprocess CLI. | |
| SYMBOLS_MCP_REMINDER | No | Set to '0' to disable the UserPromptSubmit reminder hook. | |
| SYMBOLS_MCP_POST_AUDIT | No | Set to '0' to disable the PostToolUse audit hook. | |
| SYMBOLS_MCP_REQUIRE_RULES | No | Set to '0' to disable the PreToolUse hook that blocks edits until rules are loaded. |
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Features and capabilities supported by this server
Protocol revision2025-11-25
| Capability | Details |
|---|---|
| tools | {
"listChanged": false
} |
| prompts | {
"listChanged": false
} |
| resources | {
"subscribe": false,
"listChanged": false
} |
| experimental | {} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| get_project_rulesA | ALWAYS call this first before any generate_* tool. Returns the mandatory Symbols.app rules that MUST be followed:
Violations cause silent failures — black page, nothing renders, or a working app with degraded UX you'll later have to rebuild. Call this before: generate_component, generate_page, convert_react, convert_html, or any code generation task. READ ALL SECTIONS — do NOT skim past COMPONENTS.md / DEFAULT_COMPONENTS.md / PATTERNS.md.
The single most-violated rule is reusing built-in components. Skipping the catalog
leads to redefining |
| search_symbols_docsA | Search the Symbols documentation knowledge base for relevant information. Args: query: Natural language search query about Symbols/DOMQL. max_results: Maximum number of results to return (1-5). |
| generate_componentA | Generate a Symbols.app DOMQL component from a description. Returns the rules, syntax reference, component catalog, cookbook examples, and default library reference as context. The calling LLM uses this context to generate a correct, compliant component. Args: description: What the component should do and look like. component_name: PascalCase name for the component. |
| generate_pageA | Generate a Symbols.app DOMQL page with routing + helmet metadata + fetch integration. Returns rules, project structure, patterns, snippets, and default library reference as context for page generation. Args: description: What the page should contain and do. page_name: camelCase name for the page (used in route map). |
| convert_reactA | Convert React/JSX code to Symbols.app DOMQL. Provide React component code and receive the conversion context including migration rules, syntax reference, and examples. Args: source_code: The React/JSX source code to convert. |
| convert_htmlA | Convert raw HTML/CSS to Symbols.app DOMQL components. Provide HTML code and receive the conversion context including component catalog, syntax reference, and design system tokens. Args: source_code: The HTML/CSS source code to convert. |
| audit_componentA | Inline VALIDATOR for a single Symbols/DOMQL component string. Runs the deterministic ruleset (flat element API, signal reactivity, design system tokens, declarative fetch/polyglot/helmet/router, no DOM manipulation, Rule 62 icon ban) against an in-memory string of code. Returns a tight report with violations + warnings. Use this:
Adjacent tools — call these for different scopes:
By default returns ONLY the findings (≈1–2K chars). Pass Args:
component_code: The JavaScript/DOMQL source string to validate.
include_playbook: Append the full audit playbook to the response. Default False
to keep responses small. Default agents should NOT set this —
call |
| audit_and_fix_frankabilityA | Run frank-audit and optionally apply fixes — supports a sampling-driven LLM loop that resolves findings the mechanical fixer can't safely handle. Modes: 'report' — run audit, list findings, do not modify files 'safe-fix' — apply mechanical fixes with verify-or-rollback safety (every applied fix is verified against frank.toJSON; regressions roll back) 'full' — run safe-fix first, THEN drive an LLM loop via MCP sampling over the remaining prescriptions: 1. prescribe_frankability_fixes(dir) → JSON prescriptions 2. for each prescription (capped by max_iterations): a. ctx.session.create_message() with the strict edit-op contract prompt b. parse the LLM's JSON response c. apply_frankability_edit_ops with verify-or-rollback d. one retry on malformed JSON 3. report aggregate (mechanical + LLM fixes) Requires the host to support MCP sampling (Claude Code does; some hosts don't — falls back gracefully to safe-fix mode with a warning when ctx.session is unavailable). Args: symbols_dir: Absolute path to the symbols/ directory. mode: 'report' | 'safe-fix' | 'full' aggressive: With safe-fix or full, also apply medium-confidence fixes. max_iterations: Cap on LLM-driven prescriptions in 'full' mode (default 20). Returns: JSON-stringified result with schema, opId, findings, applied/skipped, rolledBack, baseline, finalState, and (in 'full' mode) llmRounds[]. |
| prescribe_frankability_fixesA | Generate LLM-ready prescriptions for frank-audit findings that can't be auto-fixed. Each prescription contains:
Workflow for the agent:
Args: symbols_dir: Absolute path to the symbols/ directory. Returns: JSON with schema version, opId, list of prescriptions. |
| apply_frankability_edit_opsA | Apply LLM-generated edit ops to a Symbols project with verify-or-rollback. Pass
Each op must be one of the 8 strict kinds (see prescribe_frankability_fixes). The applier validates every op, snapshots affected files, applies, runs frank.toJSON to verify, and rolls back if the result regresses against the pre-apply state. Args: symbols_dir: Absolute path to the symbols/ directory. ops_json: JSON string containing the edit ops. Returns: JSON with applied/skipped/rolledBack/baseline/finalState. |
| verify_frankabilityA | Verify a Symbols project bundles cleanly via frank.toJSON. Independent of audit/fix — runs the same round-trip that apply-edits uses after every mutation, but as a standalone check. Useful for the agent to confirm a project is in a known-good state before starting a fix loop, or after a series of manual edits. Returns: JSON with { ok, bundleable, scanIssues, ... }. |
| rollback_frankabilityA | Restore a Symbols project to its state before a specific op ran. Every apply-edits run snapshots affected files under
Args: symbols_dir: Absolute path to the symbols/ directory. op_id: The opId to roll back to (from a prior apply-edits result). Returns: JSON with { ok, restored: [...filePaths], opId }. |
| snapshots_frankabilityA | List recent snapshotted opIds for a Symbols project. Each entry corresponds to a frank-audit op that wrote files. Pass an
opId to Returns: JSON with { ok, opIds: [{ opId, timestamp, files }] }. |
| frankability_logA | Tail the audit log for a Symbols project. Returns the most recent NDJSON entries from Args: symbols_dir: Absolute path to the symbols/ directory. limit: Maximum number of entries to return (default 50). Returns: JSON with { ok, entries: [...] }. |
| explain_frankability_ruleA | Return the documentation block for a specific frank-audit rule. Each rule (FA001 through FA902) has an Args: rule_id: The rule ID (e.g. 'FA301', 'FA806'). Returns: JSON with { ok, ruleId, name, severity, description, explanation }. |
| get_cli_referenceA | Returns the complete Mirrors
|
| get_sdk_referenceA | Returns the complete Mirrors |
| audit_projectA | Returns the multi-phase PROJECT AUDIT PLAYBOOK (instructions for the agent). Strict mode is the default. Strict means EXHAUSTIVE — the agent does not stop
until every finding is Two CLI flags (default ON in strict mode, both opt-out via --no-...):
Two report files the CLI emits + the agent appends to:
Findings have an This tool is a playbook getter, not an executor. The agent runs the playbook itself using:
Phase summary:
Transport awareness: this playbook assumes stdio MCP transport (filesystem
access). For SSE/HTTPS/CDN, the agent surfaces filesystem-dependent steps as
shell commands the user runs locally, then resumes Phase 2/3 with pasted
output. Output artifacts created in /audit/: findings.json, symbols_audit_results.md (framework bugs), runs/, report.md. Use this when the user asks to audit, validate, refactor for compliance, or 'make my project publish-ready in one shot'. Returns the entire playbook so the agent has the full context. Pair with the bundled Args: phase: 'all' (full playbook — default) | '0' | '1' | '2' | '3' | '4' | '5' (just one phase's section) |
| convert_to_jsonA | Convert DOMQL JavaScript source code to platform JSON format. Parses export statements from generated component/page code and converts them into the structured JSON the Symbols platform expects. Functions are automatically stringified (as the platform stores them as strings). Use this after generate_component or generate_page to get JSON that can be passed directly to save_to_project. Mirrors the @symbo.ls/frank toJSON + stringifyFunctions pipeline that the
CLI uses when running Args: source_code: JavaScript source code with export const/default statements. section: Target section — "components", "pages", "functions", "snippets", "designSystem", "state". Determines how exports are categorized. |
| detect_environmentA | [Legacy] Detect Symbols environment from caller-supplied file flags. Prefer Kept for backward compatibility with older agent prompts. New code should call
Args: has_symbols_json: Whether symbols.json exists in the project root. has_symbols_dir: Whether a symbols/ directory exists with components/, pages/, etc. has_package_json: Whether package.json exists with smbls dependency. has_cdn_import: Whether HTML files contain CDN imports (esm.sh/smbls, etc.). has_iife_script: Whether HTML files use script src smbls (IIFE global). has_json_data: Whether the project uses frank-generated JSON data files. has_mermaid_config: Whether mermaid/wrangler config or GATEWAY_URL/JSON_PATH env vars are present. file_list: Comma-separated list of key files in the project root. |
| get_project_contextA | Read the current Symbols project context — START HERE for any Symbols task. Walks up from Returns:
ALWAYS call this first for any Symbols-project task. It replaces the older
Use this BEFORE calling any auth-required tool (save_to_project, publish, push,
get_project) — combine with Never hardcode owner/key/credentials. If Args: cwd: Directory to start searching from. Defaults to the MCP server's process cwd. Pass an absolute path when the agent's cwd differs from the project root. |
| loginA | Log in to the Symbols platform and get an access token. Use this when the user needs to authenticate before any project operation. Returns a JWT token that can be used with all project tools. Args: email: Symbols account email address. password: Symbols account password. |
| list_projectsA | List the user's Symbols projects. Returns project names, keys, and IDs so the user can choose which project to save to or publish. Requires authentication. Args: token: JWT access token from login. api_key: API key (sk_live_...) from project integration settings. |
| create_projectA | Create a new Symbols project on the platform. Use this when the user wants to save generated components to a new project. Returns the project ID and key for use with save_to_project and publish. Args: name: Project display name. key: Project key (pr_xxxx format). Auto-generated from name if empty. token: JWT access token from login. api_key: API key (sk_live_...) from project integration settings. visibility: Project visibility — "private", "public", or "password-protected". language: Project language (default: "javascript"). |
| get_projectA | Get a Symbols project's current data (components, pages, designSystem, state). Use this to inspect what's already in a project before saving changes. Args: project: Project key (pr_xxxx) or project ID. token: JWT access token from login. api_key: API key (sk_live_...) from project integration settings. branch: Branch to read from (default: "main"). |
| save_to_projectA | Save components, pages, or design system data to a Symbols project. This applies changes to the project and creates a new version. Use after generate_component/generate_page to persist the output. The changes parameter is a JSON string with the data to merge into the project. Structure mirrors the project data format: Only include the sections you want to update — omitted sections are left unchanged. Args: project: Project key (pr_xxxx) or project ID. changes: JSON string with project data to save (components, pages, designSystem, state, functions). token: JWT access token from login. api_key: API key (sk_live_...) from project integration settings. message: Version commit message describing the changes. branch: Branch to save to (default: "main"). |
| publishA | Publish a version of a Symbols project to the platform. Makes the specified version (or latest) the published/live version. Call save_to_project first to save your changes, then publish to make them live. Requires authentication — provide either token or api_key. Args: project: Project ID (MongoDB ObjectId) or project key (pr_xxxx). token: JWT access token from login or ~/.smblsrc. api_key: API key (sk_live_...) from project integration settings. Alternative to token. version: Version string or version ID to publish. Leave empty for latest. branch: Branch to publish from (default: "main"). |
| pushA | Push/deploy a Symbols project to a specific environment. Deploys the project to a target environment (production, staging, dev). Call publish first to set the live version, then push to deploy. Requires authentication — provide either token or api_key. Args: project: Project ID (MongoDB ObjectId) or project key (pr_xxxx). token: JWT access token from login or ~/.smblsrc. api_key: API key (sk_live_...) from project integration settings. Alternative to token. environment: Target environment key (e.g. "production", "staging", "dev"). mode: Deploy mode — "latest" (newest from branch), "published" (current published version), "version" (specific version), or "branch" (track a branch). version: Required when mode is "version" — the version string or ID to deploy. branch: Branch to deploy from when mode is "latest" or "branch" (default: "main"). |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
| symbols_component_prompt | Prompt template for generating a Symbols.app DOMQL component. |
| symbols_migration_prompt | Prompt template for migrating code to Symbols.app DOMQL. |
| symbols_project_prompt | Prompt template for scaffolding a complete Symbols project. |
| symbols_review_prompt | Prompt template for reviewing Symbols/DOMQL code. |
| symbols_convert_html_prompt | Prompt template for converting HTML to Symbols.app DOMQL components. |
| symbols_design_review_prompt | Prompt template for visual/design audit against the design system. |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| get_rules | Strict rules for AI agents working in Symbols/DOMQL projects (modern smbls stack: signal reactivity, design system tokens, declarative fetch, polyglot, helmet, router). |
| get_syntax | Complete DOMQL syntax language reference — flat element API, signal reactivity, (el, s) prop functions, flat onX events. |
| get_components | DOMQL component reference — flat props on the element, flat onX events (NEVER on: {} or props: {} wrappers). |
| get_project_structure | Symbols project folder structure and file conventions. |
| get_design_system | **AUTHORITATIVE DESIGN-SYSTEM REFERENCE** — single canonical doc covering: (1) the runtime contract — theming pipeline (resolveAndApplyTheme, prepareDesignSystem, createElement), multi-app isolation (createConfig({cleanBase:true}), pushConfig/popConfig, cssPrefix derivation, themeRoot), `changeGlobalTheme(theme, targetConfig?)`, async boundaries, project rules. (2) The token catalog — color (full grammar `<name>(.alpha)?(<+N|-N|=N>)?` where `.N` is ALPHA not shade, `+N`/`-N` are lightness modifiers, `=N` is absolute lightness %), gradient, theme (surface/priority/state), typography (ratio scale), spacing (golden-ratio), timing, animation, media (breakpoints), icons (Icon component required — `html: '<svg ...>'` for icons is BANNED), cases, vars, fonts. (3) CSS-in-props shorthands. (4) Full configuration reference. (5) Common mistakes. Includes branded-core-token caveat. Read this FIRST for any design-system, theming, or token-related work. |
| get_design | Consolidated design discipline — three parts: (1) UI/UX direction (perceptual goals, hierarchy, motion, accessibility), (2) design-to-code translator role (visual specs → DOMQL), (3) seven design personas (brand identity, critique, trend, system architect, Figma, marketing, presentation). Use Part 1 to evaluate every UI; Part 2 when given visual input; Part 3 when explicitly asked for specialist design work. |
| get_patterns | UI patterns, accessibility and AI optimization. |
| get_migration | Migration guide for legacy projects and React/Angular/Vue → Symbols (modern smbls stack). |
| get_audit | **EXECUTABLE PROJECT AUDIT PLAYBOOK.** Phased plan agent can run end-to-end on any Symbols project: static audit (bin/symbols-audit CLI, strict-by-default), fix loop with self-test, build/publish/STRICT UI testing via chrome-mcp (local-vs-remote side-by-side, click every clickable, icon rendering verification per Rule 62, theme/lang/active-nav/forms/responsive), triple-iterate to convergence. Logs framework bugs to audit/symbols_audit_results.md. Final output: audit/report.md. Includes severity classification, common publish-time failures table, pre-publish checklist. |
| get_cookbook | Interactive DOMQL cookbook with runnable recipes (uses fetch:, polyglot, helmet, router from the modern smbls stack). |
| get_snippets | Production-ready component snippets (headers, heroes, cards, forms, layouts). |
| get_default_project | Default Symbols project template — 127+ pre-built components catalog AND the recommended pre-configured design system tokens (typography, spacing, color, theme, font_family, timing, animation, cases). |
| get_default_components | Complete source code of all 130+ default project template components (heavy — load on demand only when looking up a specific component's implementation). |
| get_learnings | Framework internals, technical gotchas, and deep runtime knowledge. |
| get_running_apps | 4 ways to run Symbols apps — local project, CDN, JSON runtime (Frank), remote server. |
| get_cli | `smbls` CLI (`@symbo.ls/cli`) — full command surface, configuration, MCP/agent usage rules, error contracts. Authoritative; mirrors smbls/CLI_FOR_MCP.md. |
| get_sdk | `@symbo.ls/sdk` (3.14.0) — all 24 services + lifecycle, BaseService contract, TokenManager, environment matrix, rootBus, validation surface, federation primitive, permissions reference. Authoritative; mirrors sdk/SDK_FOR_MCP.md. |
| get_modern_stack | Modern smbls stack — the canonical declarative APIs for fetch (@symbo.ls/fetch), polyglot (@symbo.ls/polyglot), helmet (@symbo.ls/helmet), router (@symbo.ls/router), theme via @symbo.ls/scratch, and SSR via @symbo.ls/brender. Includes wiring, usage, and forbidden alternatives. Read this when generating any non-trivial Symbols project. |
| get_framework | **AUTHORITATIVE FRAMEWORK REFERENCE.** Single source of truth for project structure, plugin usage, theming, SSR, JSON↔FS compilation, publishing pipeline, three router patterns (A preferred, B/C legacy), common publish-time failures table, legacy-project migration. Mirrors smbls/FOR_MCP.md from the smbls repo. Read this FIRST for any non-trivial Symbols work; cross-reference DESIGN_SYSTEM.md for the design-system contract + token catalog. |
| get_shared_libraries | sharedLibraries — how shared libraries work in Symbols: configuration, runtime merge, precedence, CLI integration. |
| get_workspace | Workspace — multi-app monorepos powered by sharedLibraries: layout, the two project shapes (flat library vs full app), the symbols.json + sharedLibraries.js two-file contract, no-transitive-resolution rule, new-app onboarding checklist. Tightly coupled to SHARED_LIBRARIES.md (the merge engine) but covers the workspace topology as its own concept. |
| get_common_mistakes | Common mistakes reference — wrong vs correct DOMQL patterns (flat el.X, flat onX, design tokens, polyglot, fetch, helmet) with zero tolerance. |
| get_frankability | **FRANKABILITY CONTRACT** — patterns that survive `frank.toJSON` serialization. Lists every rule from `@symbo.ls/frank-audit` (sibling-imports, module-scope state, factory closures, flat-syntax, scope movers) with the wrong pattern and the canonical replacement. Read this before generating any component or page so the output starts frankable. Frank's bundle-time fixer recovers many violations automatically; frank-audit (`smbls frank-audit` / `--fix`) cleans the source so what you commit matches what ships. |
| get_frank_fix_workflow | **LLM REFERENCE CARD** for the frank-audit prescription → edit-op flow. Documents the 3-tool sequence (`audit_and_fix_frankability` → `prescribe_frankability_fixes` → `apply_frankability_edit_ops`), the strict 8-kind edit-op JSON contract (`removeImport`, `moveFile`, `addToIndexFile`, `addToGlobalScope`, `removeTopLevelDecl`, `addElementScope`, `replaceTokenValue`, `skip`), the decision protocol per prescription, validation feedback codes, the verify-or-rollback safety guarantee, and a worked FA205 factory-closure example. Read this when answering frank-audit prescriptions — the orchestrator parses your reply as a single JSON object. |
| get_spacing_tokens | Spacing token reference for the Symbols design system. |
| get_atom_components | Built-in primitive atom components in Symbols. |
| get_event_handlers | Event handler reference for Symbols.app. |
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/symbo-ls/symbols-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server