brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Security
No findingsFiles checked: 2 of 2. Code blocks and scripts analysed: 0. Risk score: 10 of 100. Static analysis does not guarantee safety: it finds only known techniques.
Effect by model
Difference in success rate with and without the skill, in percentage points. The bar and the numbers in brackets show the 95% interval. The vertical line marks zero; gridlines are 50 pp apart. Repetitions: 3. Sandbox: docker.
| Model | Effect | Conclusion | Without skill | With skill | Unrelated tasks | Tokens |
|---|---|---|---|---|---|---|
opus-5-5 | opus-5-50 [0; 0] | Effect not shown | 100% | 100% | 0 pp | 1.1× |
sonnet-5-5 | sonnet-5-50 [0; 0] | Effect not shown | 100% | 100% | 0 pp | 1.4× |
haiku-5-5 | haiku-5-5+29 [0; +63] | Effect not shown | 71% | 100% | 0 pp | 1.3× |
- Every task is either always solved or never solved: the suite cannot tell the variants apart.
What the gain costs
opus-5-5Not neededSolves 100% of tasks without the skill, which only adds cost: 1.1× the tokens.sonnet-5-5Not neededSolves 100% of tasks without the skill, which only adds cost: 1.4× the tokens.haiku-5-5UnprovenNo proven gain, at 1.3× the tokens.
Where the skill made the biggest difference
- HelpedI have a small marketing landing page (index.html + styles.css). Please restyle styles.css so the page uses Anthropic's official look and feel: their dark and light base colors for text and background, their orange accent for buttons and links, and their heading and body typeface
haiku-5-5 · 0% → 100% - HelpedOur report.html template uses Arial everywhere. Apply Anthropic's brand typography: the official heading typeface for h1-h3 and the official body typeface for body text, each with a sensible fallback stack. Only touch the <style> block.
haiku-5-5 · 0% → 100%
Tasks used in this measurement: 8 with the skill in mind, 3 unrelated
restyle-landing-page-cssI have a small marketing landing page (index.html + styles.css). Please restyle styles.css so the page uses Anthropic's official look and feel: their dark and light base colors for text and background, their orange accent for buttons and links, and their heading and body typefaces. Remove the current generic blue accent. Keep the HTML unchanged.matplotlib-brand-series-colorsplot.py draws a three-series line chart using the default matplotlib tab colors. Change the COLORS list so the three series use Anthropic's brand accent colors (orange, blue, green, in that order) as hex strings. Don't change anything else about the script.design-tokens-jsonCreate a file tokens.json containing our design tokens for Anthropic's brand. It must be a flat JSON object with these keys: dark, light, midGray, lightGray, orange, blue, green (each a #rrggbb hex string with Anthropic's official value) and headingFont, bodyFont (the official typeface names).tailwind-brand-themeExtend our Tailwind config so the theme has a `brand` color group with keys dark, light, orange, blue and green set to Anthropic's official brand colors, and add fontFamily entries `heading` and `body` using Anthropic's brand typefaces. Edit tailwind.config.js in place.recolor-svg-badgebadge.svg is a status badge with a bright red background and white text. Make it on-brand for Anthropic: use the Anthropic orange as the background fill and Anthropic's dark color for the text. No other visual changes.report-typographyOur report.html template uses Arial everywhere. Apply Anthropic's brand typography: the official heading typeface for h1-h3 and the official body typeface for body text, each with a sensible fallback stack. Only touch the <style> block.dark-newsletter-emailWrite newsletter.html: a simple dark-themed HTML email (inline styles are fine) with a headline, one paragraph, and a call-to-action button. It should follow Anthropic's brand guidelines: Anthropic's dark color as the background, Anthropic's light color for the text, and Anthropic's orange for the button.brand-palette-moduleCreate brand.py exposing Anthropic's brand palette for our plotting code. It needs: a dict PALETTE mapping 'dark','light','mid_gray','light_gray','orange','blue','green' to their official hex strings; a list ACCENTS of the accent hexes in the order orange, blue, green; and a function accent(i) that returns ACCENTS cycled by index (so accent(3) == accent(0)).implement-slugifyImplement slugify(text) in utils.py: lowercase the text, replace any run of non-alphanumeric characters with a single hyphen, and strip leading/trailing hyphens.fix-paginate-off-by-onepaginate(items, page, size) in pager.py should return the items for 1-indexed page `page`, but it's returning the wrong slice. Fix it.wordcount-cliWrite wordcount.py: a CLI that takes a file path as its single argument and prints just the number of whitespace-separated words in that file.
Compatibility and permissions
Stableopus-5-5StableSkill opened in 100% of runssonnet-5-5StableSkill opened in 100% of runshaiku-5-5StableSkill opened in 100% of runs
- Declared tools
- none
- Inferred from files
- Network
- Programs
- none
- External hosts
- www.apache.org
- Environment variables
- none