craft

craft is a skill for Claude Code from alanvaa06/award-craft. It costs 84 tokens per session (1,483 once invoked), scanned A, original, MIT.

A workflow for building a new high-end landing page from intake through design approval, implementation, asset creation, and verification. A landing page is a focused web page designed to present a product or campaign.

In plain words
What is it for?
Use it to turn a brief, brand material, and page script into a Next.js landing page with planned visuals, animations, and assets.
Why use it?
It organizes the work into required phases and adds a design-plan approval point before code is built.

Skill for Claude Code

Written for Claude Code: ${CLAUDE_PLUGIN_ROOT} variable. Also seen: reads .claude/ paths.

Runs only inside its plugin — its command needs a path that Claude Code sets for a plugin’s own hooks and for nothing else. Install the plugin, not this.

Part of the award-craft plugin — 6 skills shipped together

Good fit Use it to turn a brief, brand material, and page script into a Next.js landing page with planned visuals, animations, and assets.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.

Claude Code
/plugin marketplace add alanvaa06/award-craft
Claude Code
/plugin install award-craft

Made for: Claude Code.

Or install award-craft, the plugin that ships this one along with the rest of its 6 skills.

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 craft

README.md
[![agentmods](https://agentmods.dev/badge/skills/alanvaa06/award-craft/craft.svg)](https://agentmods.dev/skills/alanvaa06/award-craft/craft)
Your own site
<a href="https://agentmods.dev/skills/alanvaa06/award-craft/craft"><img src="https://agentmods.dev/badge/skills/alanvaa06/award-craft/craft.svg" alt="Measured on agentmods" height="20"></a>
Per session 84 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,483 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.00084 $0.01483
Opus 5 $0.00042 $0.00741
Sonnet 5 $0.00017 $0.00297
Haiku 4.5 $0.00008 $0.00148

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

Security

Grade A, and why

craft 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 7d 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.

skills/craft/SKILL.md · 108 lines

How it starts

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

Craft — orchestrator

Run phases IN ORDER. One human gate. Never skip verify.

0. Preflight

Check and report before anything:

  • CORE (stop with install instructions if missing): gsap-skills skills available; impeccable v4+ available. Resolve its base dir once and reuse it (later phases need its scripts) — first hit of .agents/skills/impeccable, .claude/skills/impeccable, ~/.claude/skills/impeccable. Read version: from its SKILL.md frontmatter: below 4.0 → stop and say so, because v4 changed the shared DESIGN.md contract this plugin now writes against. Report the resolved path and version.
  • CORE for asset phase (continue but mark assets phase blocked): Higgsfield MCP tools reachable — also read the credit balance so the design plan's ceiling can be proposed against a real number.
  • OPTIONAL (warn only): remotion/hyperframes skills (custom video — out of scope v0.1), ffmpeg on PATH (scroll-video frames) — becomes CORE if the approved design plan's signature moment uses scroll-video (re-check at the gate; block the build of that section and report if missing).

1. Intake

Inputs (any combination): text brief; @docs (PRD, brand doc, landing script "guión" — script sections become the page structure); --brand <path> folder. Brand source resolution, in order: a) PRODUCT.md / DESIGN.md in the target repo → use them. They are SHARED with impeccable (its init writes PRODUCT.md, its document/documenter writes DESIGN.md). Read whatever is there and never clobber it: append the award-craft sections that are missing, leave the rest alone. An impeccable-written DESIGN.md is the incumbent visual world — direction treats it as a brand source with drift rules, not as an empty slot. b) External folder (--brand or ask) → IMPORT as local working copies with provenance (source path + imported date). NEVER write to the business folder — it is a source, not a destination. c) Neither exists → create via interview. ALWAYS ask comprehension questions (even with docs): offer, audience, primary CTA, tone (3 adjectives), visual references/anti-references, which script section is the climax (signature-moment candidate). One question at a time.

Read the full file on GitHub · 108 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. 7d ago First seen · 108 lines · 84 tokens per session scan A 196f4f74f012

Subscribe to this mod's changes

craft is a skill published in the GitHub repository alanvaa06/award-craft (1 stars, last pushed 28d ago), licensed MIT. It adds 84 tokens to every session and 1,483 once invoked, about $0.0004 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

designlang-tokens

Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract · 30 tokens

design-to-code-check

Check alignment between a specific design specification and its code implementation — a focused, single-component or single-screen comparison. Trigger when someone says: does this match the design, check implementation, design code alignment, what's different between the design and the build, spec check…

murphytrueman/design-system-ops · 95 tokens

kit-montar

Monta um site novo combinando peças já validadas do acervo pessoal do usuário — templates, design systems, componentes, animações, menus, prompts e receitas — em vez de gerar tudo do zero. Acervo vazio: constrói do zero e oferece guardar. Recebe o briefing, decide cor e tipografia antes da identidade, pergunta que…

harebeats/cannonball · 245 tokens

design-with-claude

Use when design work needs a product designer's eye: auditing a codebase for design-system gaps, fixing WCAG contrast and unlabeled inputs, choosing type scales or spacing steps, reviewing UI that looks generic or AI-generated, or designing forms, tables, dashboards, navigation, checkout, onboarding, dark mode, and…

imsaif/design-with-claude · 85 tokens

Component Variants / States Documentation コンポーネント状態の文書化

A code review check for new reusable interface components and the variations and states they support, such as hover, focus, disabled, loading, and error states.

s977043/river-review · 75 tokens

Design Source-of-Truth Conformance デザイン定義準拠

A code review check that compares new interface values—such as colors, spacing, font sizes, rounded corners, and shadows—with the project's documented design rules or token files. It only runs when those design definitions exist.

s977043/river-review · 90 tokens