Brand and Design Toolkit
nextlevelbuilder/ui-ux-pro-max-skill
Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.
Make a Payload admin feel like part of the site and explain itself — the skin re-tinted from the site's own tokens (calm, light, no added motion), the site's wordmark and favicon, a dashboard…
$ npx skills add textura-agency/next16-claude-starter --skill payload-admin -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install textura-agency/next16-claude-starter payload-admin --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/textura-agency/next16-claude-starter.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/payload-admin .claude/skills/payload-admin && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "payload-admin" agent skill from https://github.com/textura-agency/next16-claude-starter/tree/main/.claude/skills/payload-admin into .claude/skills/payload-admin/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "payload-admin", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/textura-agency/next16-claude-starter/tree/main/.claude/skills/payload-adminType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add textura-agency/next16-claude-starter --skill payload-admin -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install textura-agency/next16-claude-starter payload-admin --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/textura-agency/next16-claude-starter.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/payload-admin .agents/skills/payload-admin && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "payload-admin" agent skill from https://github.com/textura-agency/next16-claude-starter/tree/main/.claude/skills/payload-admin into .agents/skills/payload-admin/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "payload-admin", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add textura-agency/next16-claude-starter --skill payload-admin -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install textura-agency/next16-claude-starter payload-admin --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/textura-agency/next16-claude-starter.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/payload-admin .cursor/skills/payload-admin && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "payload-admin" agent skill from https://github.com/textura-agency/next16-claude-starter/tree/main/.claude/skills/payload-admin into .cursor/skills/payload-admin/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "payload-admin", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/textura-agency/next16-claude-starter.git --path .claude/skills/payload-admin--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add textura-agency/next16-claude-starter --skill payload-admin -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install textura-agency/next16-claude-starter payload-admin --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/textura-agency/next16-claude-starter.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/payload-admin .gemini/skills/payload-admin && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "payload-admin" agent skill from https://github.com/textura-agency/next16-claude-starter/tree/main/.claude/skills/payload-admin into .gemini/skills/payload-admin/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "payload-admin", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install textura-agency/next16-claude-starter payload-adminInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add textura-agency/next16-claude-starter --skill payload-admin -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/textura-agency/next16-claude-starter.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/payload-admin .github/skills/payload-admin && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "payload-admin" agent skill from https://github.com/textura-agency/next16-claude-starter/tree/main/.claude/skills/payload-admin into .github/skills/payload-admin/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "payload-admin", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add textura-agency/next16-claude-starter --skill payload-admin -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install textura-agency/next16-claude-starter payload-admin --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/textura-agency/next16-claude-starter.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/payload-admin .opencode/skills/payload-admin && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "payload-admin" agent skill from https://github.com/textura-agency/next16-claude-starter/tree/main/.claude/skills/payload-admin into .opencode/skills/payload-admin/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "payload-admin", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
payload-adminMake a Payload admin feel like part of the site and explain itself — the skin re-tinted from the site's own tokens (calm, light, no added motion), the site's wordmark and favicon, a dashboard…
Payload Admin is an agent skill from textura-agency/next16-claude-starter. Make a Payload admin feel like part of the site and explain itself — the skin re-tinted from the site's own tokens (calm, light, no added motion), the site's wordmark and favicon, a dashboard welcome card, sidebar groups in reading order, rows named by their own copy, field notes in the editor's words, and an editor's guide inside the admin (/admin/guide) with a screenshot of every screen beside the entry that edits it, plus SEO and Analytics explained. Use after payload-cms is in, or when the user says the admin…
Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/skin-map.md`).
It sits in Media & Creative, covering Logo and visual identity. It works with Payload CMS. The repository describes itself as: AI-first Next.js 16 starter for animation-heavy sites, wired with an Obsidian vault & Claude Code hooks. The licence is Unlicense.
7 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 6c6edf9. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
yarnnodebashFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use yarn, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Payload Admin loads about 1.5k tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 178 tokens; SKILL.md has 755 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from textura-agency/next16-claude-starter at commit 6c6edf9, republished under its Unlicense licence (© textura-agency). 755 words, ~1,534 tokens.
.claude/skills/payload-admin/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.An owner judges the CMS in the first minute: does it look like their site,
and can they find the hero? This skill is how the reference site's admin went
from "it hurts the eyes, everything merges" to a quiet, branded tool with its
own manual. Kits: admin and guide (bash .claude/skills/payload-cms/scaffold.sh admin guide).
admin.theme: "light"). One theme done well beats two half-done.src/app/(payload)/custom.css--admin-surface/ground/field/line/ navy/ink/muted/accent/accent-strong/accent-deep/good/bad/live) from the
site's --raw-* values in globals.css. Those are the only raw colours in
the file; Payload's whole --color-base-* ramp and --color-success-* are
mixed from them (color-mix, oklab). --admin-ground is a paler tint of
the site's ground — the site's own ground is usually too strong for a
full-screen form.@font-face blocks for the site's self-hosted files (family "Site Sans") — a url() that doesn't resolve fails the build, so the kit ships none and falls back to the system stack.@layer — no !important needed.order. Keep that block.--admin-muted on --admin-surface ≥ 4.5:1.Selector map and what each block targets: references/skin-map.md.
graphics.tsx — import the wordmark's SVG path from the site's component
(export it once; never a second copy). Falls back to the brand name as text.welcome.tsx — above the dashboard: what this admin is for, "Open the site ↗",
"Read the guide". Say what stays in code.row-label.tsx — NAME_KEYS (title, name, label, text, lead…):
extend with the keys this project's cards use for their name.payload.config.ts: meta.titleSuffix: " — <Brand> Content", the favicon,
i18n English only (unless the owner asks otherwise — ask once)./admin/guideThe editor's documentation, inside the admin, read-only, no client code. Build it last: it documents the final sidebar.
guide-content.tsx — plain data:INTRO: how the admin works (sidebar = site; Save shows at once; blank is
safe; what stays in code; no version history — retype to undo).CHAPTERS: one entry per sidebar item, in sidebar order —
where (the sidebar path), title (what they see), shot,
fields (what changes, in the screen's words), notes (rules: a count the
layout needs, links set in code, {name} placeholders, "keep it short — it
paints with the first screen").SEO (tab by tab, field by field, where each shows), ANALYTICS (number
by number, how a visitor is counted, what is not stored), SETTINGS.yarn build && yarn start -p 4500
node tools/qa/admin-shots.mjs --url http://localhost:4500/ \
--shots "hero=#hero,header=header,footer=footer,not-found=/404" --save public/admin-guideguide-body.tsx imports nothing of Payload's, so it can be rendered alone
(that's how it is checked — Payload's template needs a signed-in user).
guide-view.tsx wraps it in DefaultTemplate; guide-nav.tsx adds Help →
Guide to the nav. yarn generate:importmap after adding them.next/image serves the WebPs — the admin pays for thumbnails./admin/login, dashboard, a global with arrays + tabs (SEO), Media, Analytics,
Guide — at 1440 and at 390 wide. Screenshot each and look.--accessibility-outline → accent).yarn lint, yarn build.© textura-agency, Unlicense. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 1 other file (references) in .claude/skills/payload-admin of textura-agency/next16-claude-starter.
Open the folder on GitHubat commit 6c6edf9
Payload Admin next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Payload Admin this skilltextura-agency/next16-claude-starter | 133 | — | ~1.5k | Automated safety check: Pass | Unlicense | |
| Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill | 134k | 1 repos | ~3.5k | Automated safety check: Pass | MIT | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| Logo Designkaankiziltug/logo-design-skill | 2.5k | — | ~4.4k | Automated safety check: Pass | MIT | |
| Logo Generatorop7418/logo-generator-skill | 2.2k | — | ~1.8k | Automated safety check: Notes | None | |
| Web Asset Generatoralonw0/web-asset-generator | 514 | 1 repos | ~6.6k | Automated safety check: Pass | MIT |
nextlevelbuilder/ui-ux-pro-max-skill
Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.
anthropics/skills
Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.
kaankiziltug/logo-design-skill
Professional logo and brand-mark design, from brief to production files.
op7418/logo-generator-skill
Generate professional SVG logos and high-end showcase images.
alonw0/web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn.
onyx-dot-app/onyx
Generate or edit raster images (photos, illustrations, textures, sprites, mockups, logos, infographics) using the workspace's configured image-generation provider via onyx-cli image.
textura-agency/next16-claude-starter
Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone.
textura-agency/next16-claude-starter
Get a page into Lighthouse's green zone on desktop and mobile, for people AND for the robot form crawlers get — build it, audit all four categories (Performance, Accessibility, Best Practices, SEO)…
textura-agency/next16-claude-starter
Make a page in this starter actually smooth — build it, scroll it in real Chrome on PC and on an emulated phone, fix what the measurement blames, re-measure to prove it.
textura-agency/next16-claude-starter
Put a Payload CMS admin on a site built from this starter — every visible string and content photo editable, derived from the site's own content objects with the code's copy as the fallback, a…
textura-agency/next16-claude-starter
Answer Engine Optimisation — make the site citable by ChatGPT, Claude, Perplexity, Gemini and AI Overviews.
textura-agency/next16-claude-starter
Turn a Figma frame or node into components in this starter — the MCP call order, recording node IDs so later passes can re-fetch, downloading and verifying assets, mapping design values onto the…
Works with
Categories
Make a Payload admin feel like part of the site and explain itself — the skin re-tinted from the site's own tokens (calm, light, no added motion), the site's wordmark and favicon, a dashboard…. Payload Admin is an agent skill from textura-agency/next16-claude-starter. Make a Payload admin feel like part of the site and explain itself — the skin re-tinted from the site's own tokens (calm, light, no added motion), the site's wordmark and favicon, a dashboard welcome card, sidebar groups in reading order, rows named by their own copy, field notes in the editor's words, and an editor's guide inside the admin (/admin/guide) with a screenshot of every screen beside the entry that edits it, plus SEO and Analytics explained.
Payload Admin fits situations like: says the admin looks bad; everything merges; make it in the sites style; add documentation / a guide / hints in the admin.
Run `npx skills add textura-agency/next16-claude-starter --skill payload-admin -a claude-code`. Or copy the skill folder (.claude/skills/payload-admin in textura-agency/next16-claude-starter) into .claude/skills/payload-admin in your project. Claude Code loads it when a task matches its description.
Run `npx skills add textura-agency/next16-claude-starter --skill payload-admin -a codex`. Or copy the skill folder (.claude/skills/payload-admin in textura-agency/next16-claude-starter) into .agents/skills/payload-admin in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add textura-agency/next16-claude-starter --skill payload-admin -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/payload-admin, .gemini/skills/payload-admin, .github/skills/payload-admin and .opencode/skills/payload-admin in your project.
Going by SKILL.md and its folder, Payload Admin needs the command-line tools its instructions call (yarn, node and bash).
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Payload Admin is published under the Unlicense licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.5k tokens (SKILL.md is roughly 6.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 703 tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Payload Admin: Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 134k stars), Anthropic Brand Styling (anthropics/skills, 180k stars), Logo Design (kaankiziltug/logo-design-skill, 2.5k stars) and Logo Generator (op7418/logo-generator-skill, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
textura-agency (a GitHub organization) maintains it in textura-agency/next16-claude-starter, which has 133 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 7, 2026.
Source: textura-agency/next16-claude-starter on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.