frankx-website-builder

frankx-website-builder is an agent for Claude Code from frankxai/agentic-creator-os. It costs 19 tokens per session (3,023 once invoked), scanned B, original, Apache-2.0.

A web-development assistant for building personal websites and creator platforms. Its listed focus includes Next.js, React, TypeScript, Tailwind CSS, user experience, accessibility, performance, and animations.

In plain words
What is it for?
Use it to build or improve personal hubs and creator websites, organize content, create responsive interfaces, improve accessibility and performance, and prepare sites for deployment.
Why use it?
It brings website structure, messaging, design, and technical implementation into the same development workflow.

Agent for Claude Code

Written for Claude Code: installed under .claude/. Also seen: mentions CLAUDE.md; mentions Claude Code.

Part of the agentic-creator-os plugin — 133 commands, 68 agents shipped together

Good fit Use it to build or improve personal hubs and creator websites, organize content, create responsive interfaces, improve accessibility and performance, and prepare sites for deployment.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/frankxai/agentic-creator-os/frankx-website-builder
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.

Clone the repo
git clone --depth 1 https://github.com/frankxai/agentic-creator-os

Made for: Claude Code.

Or install agentic-creator-os, the plugin that ships this one along with the rest of its 133 commands, 68 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for frankx-website-builder

README.md
[![agentmods](https://agentmods.dev/badge/agents/frankxai/agentic-creator-os/frankx-website-builder/github.svg)](https://agentmods.dev/agents/frankxai/agentic-creator-os/frankx-website-builder)
Your own site
<a href="https://agentmods.dev/agents/frankxai/agentic-creator-os/frankx-website-builder"><img src="https://agentmods.dev/badge/agents/frankxai/agentic-creator-os/frankx-website-builder/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for frankx-website-builder

Your own site · 80×15
<a href="https://agentmods.dev/agents/frankxai/agentic-creator-os/frankx-website-builder"><img src="https://agentmods.dev/badge/agents/frankxai/agentic-creator-os/frankx-website-builder.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 19 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 3,023 The whole file, excluding the scripts and references it only reads on demand.
Security scan B 1 finding. A grade says what 26 rules found in the file — not that it is safe.
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.1 $0.00019 $0.03023
Opus 5 $0.00010 $0.01511
Sonnet 5 $0.00004 $0.00605
Haiku 4.5 $0.00002 $0.00302

Measured 9d ago against content hash 0407bd0b5dae, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade B, and why

frankx-website-builder scanned grade B with 1 finding 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 9d 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.

Strips warnings and disclaimersmediumAnti-refusal

Omitting safety caveats hides risk from the user and is a common jailbreak preamble.

- [ ] ESLint passes without warnings
.claude/agents/frankx-website-builder.md · 429 lines

How it starts

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

FrankX Website Builder - Specialized Agent

Inherits: .claude/FRANK_DNA.md

You are the FrankX Website Builder, an elite web development agent specializing in creating exceptional personal hubs and creator platforms.

Core Identity

You are a master of:

  • Next.js 16 & React 19 development with App Router
  • TypeScript and modern JavaScript patterns
  • Tailwind CSS and responsive design
  • UX/UI design principles and conversion optimization
  • Content strategy and messaging clarity
  • Performance optimization and Core Web Vitals
  • Accessibility standards (WCAG 2.2)
  • Framer Motion animations and microinteractions

Project Specifications

frankx.ai Website

Critical Mission

Transform frankx.ai from a "kinda ok" website into an exceptional digital experience that:

  1. Clearly communicates value within 3 seconds
  2. Showcases Frank's articles, music, books, and developer work
  3. Serves friends, family, and community with free value
  4. Enables true fans to easily discover and buy products
  5. Demonstrates Claude Code and AI-powered development tools

Current Critical Issues

UX Problems (From Analysis Report)

  1. Messaging (4/10 - CRITICAL)

    • Too abstract: "Architect the intelligence era"
    • Unclear what Frank actually offers
    • Jargon overload confuses visitors
    • 80% bounce rate within 5 seconds
  2. Navigation (5/10 - HIGH)

    • 7 items in Intelligence dropdown (cognitive overload)
    • Duplicate pages (multiple assessment, creator OS pages)
    • Confusing taxonomy (Atlas vs Arsenal, Realm vs Community)
  3. Conversion (5/10 - HIGH)

    • Three competing CTAs cause decision paralysis
    • No clear user journey for different personas
    • Missing urgency and compelling hooks

Read the full file on GitHub · 429 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. 9d ago First seen · 429 lines · 19 tokens per session scan B 0407bd0b5dae

Subscribe to this mod's changes

frankx-website-builder is an agent published in the GitHub repository frankxai/agentic-creator-os (10 stars, last pushed yesterday), licensed Apache-2.0. It adds 19 tokens to every session and 3,023 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it B with 1 finding (strips warnings and disclaimers). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other agents, from other repositories

desktop-uiux-developer

Desktop UI/UX development expert who establishes design philosophy based on PRD and UX specs, and generates desktop design systems, wireframes, and Electron prototypes.

pillip/claude-dev-kit · 37 tokens

visual-fixer-app

Final app-wide visual check after per-page visual fixers complete — does a quick crawl of ALL pages to catch cross-page issues, shared component problems (Navigation, Footer, Layout), and inconsistencies between pages. Fixes shared file issues that per-page fixers could not touch. Context: All per-page visual fixers…

lukaskellerstein/claude-my-marketplace · 158 tokens

aksel-agent

Ekspert på Navs Aksel designsystem (v8+) — bygger og refaktorerer UI med @navikt/ds-react, tokens, layout-primitives, theming, versjon/migrering og tilgjengelighet, og oversetter Figma-design til Aksel-kode. Drevet av aksel-builder-skillen og Aksel MCP som fasit.

navikt/copilot · 81 tokens

indesign-to-react

Converts Adobe InDesign sources (exported .idml packages or PDFs) into typed React components, design tokens, and Storybook stories using the @aurelius/pipeline InDesign pipeline. Reads the generation report and proposes concrete follow-ups (unmapped frames, font fallbacks, missing alt text, semantic-tag refinements).…

PMDevSolutions/Aurelius · 87 tokens

frontend-lead

Holistic frontend development guidance combining React, CSS, accessibility, and performance optimization. Use when building frontend applications, making UI/UX decisions, or coordinating frontend architecture across multiple concerns.

armanzeroeight/fastagent-plugins · 40 tokens

scaffold-builder

Sets up the project scaffold for a web design — Vite + React + TypeScript project initialization, Tailwind CSS configuration, global styles from design tokens, shared components (navigation, footer, layout), and shared media assets (logo, product images reused across pages). Runs before page-builder agents to…

lukaskellerstein/claude-my-marketplace · 153 tokens