build-premium-site

build-premium-site is a skill for Claude Code from navinramharak-rgb/50k-website-builder. It costs 138 tokens per session (2,755 once invoked), scanned A, original, MIT.

A workflow for building or redesigning high-end websites with cinematic layouts, scrolling animation, parallax, and a distinctive opening visual effect.

In plain words
What is it for?
Use it for premium-looking websites, landing pages, one-page sites, animated marketing pages, and redesigns involving GSAP-based motion.
Why use it?
It gives an agent an ordered design-and-build process for making animated pages feel intentional rather than like generic templates.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions subagents.

Part of the 50k-website-builder plugin — 1 skill shipped together

Good fit Use it for premium-looking websites, landing pages, one-page sites, animated marketing pages, and redesigns involving GSAP-based motion.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/navinramharak-rgb/50k-website-builder/build-premium-site
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.

Any agent
npx skills add navinramharak-rgb/50k-website-builder --skill build-premium-site
Clone the repo
git clone --depth 1 https://github.com/navinramharak-rgb/50k-website-builder

Made for: Claude Code.

Or install 50k-website-builder, the plugin that ships this one along with the rest of its 1 skill.

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 build-premium-site

README.md
[![agentmods](https://agentmods.dev/badge/skills/navinramharak-rgb/50k-website-builder/build-premium-site/github.svg)](https://agentmods.dev/skills/navinramharak-rgb/50k-website-builder/build-premium-site)
Your own site
<a href="https://agentmods.dev/skills/navinramharak-rgb/50k-website-builder/build-premium-site"><img src="https://agentmods.dev/badge/skills/navinramharak-rgb/50k-website-builder/build-premium-site/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 build-premium-site

Your own site · 80×15
<a href="https://agentmods.dev/skills/navinramharak-rgb/50k-website-builder/build-premium-site"><img src="https://agentmods.dev/badge/skills/navinramharak-rgb/50k-website-builder/build-premium-site.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 138 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,755 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. 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.00138 $0.02755
Opus 5 $0.00069 $0.01378
Sonnet 5 $0.00028 $0.00551
Haiku 4.5 $0.00014 $0.00276

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

Security

Grade A, and why

build-premium-site 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 12d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (assets/starter-template/js/main.js), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

skills/build-premium-site/SKILL.md · 115 lines

How it starts

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

Build a Premium, Cinematic, Scroll-Animated Site

Build sites that make someone stop scrolling and think "how did they build this." The bar is $50,000 and up: every section moves, the opener carries one move nobody expects, and the craft holds up when a stranger scrubs the page back and forth. Generic templates fail this bar. Follow the order below, because the order is the method.

Reach for the six references as needed (progressive disclosure). Do not paste their full contents into the build unless the task needs it:

  • references/reference-gathering.md: how to collect five to eight references with assigned roles and turn them into a design evidence memo. The step that decides whether the craft has anything worth executing on.
  • references/motion-system.md: copy-paste-ready GSAP + ScrollTrigger + SplitText + Lenis code, the fonts gate, reduced-motion guard, static fallback, and every core recipe.
  • references/signature-moves.md: the library of opener moves. Pick exactly one.
  • references/premium-eye.md: the five-tell pre-ship diagnostic, the anti-patterns list, and a plain-English glossary.
  • references/workflow.md: the repeatable end-to-end process.
  • references/setup-and-deploy.md: the beginner playbook for install, preview, and deploy. Point non-technical users here and to the README.

A working starter site lives in assets/starter-template/. It already carries the whole motion system for an example brand. Prefer re-branding it over building from a blank file, unless the user needs something the template cannot express.

1. Understand the brand first

Never open a code file before the brand is clear. Ask for, or confirm, these before building. Keep it to a few sharp questions, not an interrogation:

  • The name, and in one sentence what they do.
  • Who it is for, and what it refuses to be. Sharp exclusion makes a strong brand.
  • The one feeling the site must create in the first five seconds (calm authority, raw energy, precision, warmth, awe). Everything downstream serves this feeling.
  • The real assets they already have: logo or wordmark vector, product photos, product video, brand colors, brand fonts. Real footage of the actual product always beats generated footage of it.
  • Where it will live and who ships it (them, a developer, a platform like Shopify).

Read the full file on GitHub · 115 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. 12d ago First seen · 115 lines · 138 tokens per session scan A f004b7731877

Subscribe to this mod's changes

build-premium-site is a skill published in the GitHub repository navinramharak-rgb/50k-website-builder (3 stars, last pushed 13d ago), licensed MIT. It adds 138 tokens to every session and 2,755 once invoked, about $0.0007 per session on Opus 5. 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-31.

Related

Other skills, from other repositories

shiny-bslib-theming

Advanced theming for Shiny apps using bslib and Bootstrap 5. Use when customizing app appearance with bstheme(), Bootswatch themes, custom colors, typography, brand.yml integration, Bootstrap Sass variables, custom Sass/CSS rules, dark mode and color modes, dynamic theme switching, real-time theming, theme inspection…

posit-dev/skills · 87 tokens

interaction-skill

Layer A interaction-mechanics reference anchored to the beui.dev catalog. Stacks on any style skill whenever work adds or changes motion or interaction — micro-interactions, animated components, transitions, gestures, hover/press/state feedback, loading/success/error morphs, 'make it feel alive'. Mandates reading the…

code-yeongyu/oh-my-openagent · 104 tokens

shiny-bslib

Build modern Shiny dashboards and applications using bslib (Bootstrap 5). Use when creating new Shiny apps, modernizing legacy apps (fluidPage, fluidRow/column, tabsetPanel, wellPanel, shinythemes), or working with bslib page layouts, grid systems, cards, value boxes, navigation, sidebars, filling layouts, theming…

posit-dev/skills · 107 tokens

layout-skill

Layer A layout-mechanics reference. Stacks on any style skill when the screen is an app shell, dashboard, settings, list-detail, mail/inbox, or any layout with fixed regions plus a scrolling body — or when a layout breaks under long, empty, or unbroken content. Owns spatial structure and scroll ownership; owns zero…

code-yeongyu/oh-my-openagent · 88 tokens

web-ui-best-practices

Signs of taste in web UI. Use when building or reviewing web interfaces, dashboards, SaaS apps, or internal tools.

jamditis/claude-skills-journalism · 32 tokens

vertical-site-conventions

Compose pages and sites that read as their vertical: ecommerce-catalog storefronts that look like storefronts, hospitality-food sites that look like restaurants, b2b-manufacturer sites that look industrial. Use this skill whenever the user wants to build a site that looks like the vertical it serves, fix a build that…

rampstackco/claude-skills · 190 tokens