Nature Style

Nature-journal house style for publication-ready scientific figures, optimised for Python/matplotlib plotting. Bundles palette.py (a drop-in matplotlib style module with the Nature-style house palette, Wong colourblind-safe set, point-scale type, safe stroke weights, and helpers) plus the full design system as CSS tokens and figure components for HTML/SVG. Use this skill whenever creating or restyling any chart, plot, diagram, schematic, or multi-panel figure for a scientific paper or analysis — matplotlib/seaborn code, an HTML/SVG mock, choosing colours for scientific data, or preparing figur

6 stars 1 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add Zhangyanbo/nature-style-skill --skill nature-style

Manual install

git clone --depth 1 https://github.com/Zhangyanbo/nature-style-skill.git /tmp/nature-style-skill
mkdir -p ~/.claude/skills
cp -r /tmp/nature-style-skill/. ~/.claude/skills/nature-style

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Nature-style scientific figures

This skill makes figures publication-ready in Nature's house style. It is
**built around Python/matplotlib** — `palette.py` is the primary artifact — but
the same design system also ships as CSS tokens and React/SVG components for
HTML figures and mocks.

Two rules govern everything, in any medium: the canvas is **pure white**, and
figures are **static** — no animation, hover, drop shadows, gradients-as-
decoration, rounded corners, or decorative chrome. `references/design-system.md`
holds the full design guide (content rules, visual foundations, iconography,
layout grid); read it when you need the reasoning behind a rule.

The house conventions in one place:

- **Type:** sans-serif only, sized in **points at final print size** — 6pt tick
  numbers, 7pt body, 8pt axis titles and panel labels. Never below 5pt. Regular
  and bold only; bold carries emphasis, not size.
- **Strokes:** in points, safe floor 0.5pt. Emphasised data line ~1.6pt, regular
  ~1.1pt, baselines/error bars ~0.8pt.
- **Labels:** sentence case everywhere (`Tumour volume (mm³)`, not Title Case).
  SI units in parentheses. Panel labels lowercase bold `a b c`. Real Unicode
  glyphs (µ, α, ±, ×, ≤), never spelled out.
- **Colour:** the Nature house palette leads; use the Wong/Okabe–Ito set when
  strict colourblind safety is required. Colour *groups and directs* — the most
  important series is the most saturated, context recedes to grey. **Never

Read the full skill on GitHub

Details

Skill name: nature-style
Repository: Zhangyanbo/nature-style-skill
Repo updated: 3 July 2026

FAQ

What does the Nature Style skill do?

How do I install the Nature Style skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Zhangyanbo/nature-style-skill --skill nature-style. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Nature Style popular?

It lives in Zhangyanbo/nature-style-skill, which has 6 GitHub stars and 1 forks.

Related skills

Russian Text Quality

Anic888/russian-text-quality

Use when reviewing or writing code that contains Russian-language UI strings, i18n locale files (ru.json, ru.yml, ru.po), Russian comments, or transliterated identifiers (polzovatel, tovar, kolichestvo). Triggers on mixed English-code + Russian-content projects. Does not cover typography, spelling, or ё/е.

Frontend & Design

HTML CSS First

macdonst/html-css-first

Prefer modern HTML and CSS solutions over JavaScript-heavy implementations. Use this skill whenever building or reviewing frontend code — especially for UI patterns like modals, accordions, tabs, tooltips, form validation, animations, dropdowns, carousels, sticky headers, and toggles. Trigger on any request to build a UI component or page, even if the user doesn't explicitly ask for "CSS-only" — always check whether a native HTML element or CSS feature can replace a JS solution first. Also trigger when reviewing existing code for opportunities to reduce JavaScript by using modern browser capab

Frontend & Design

UI UX Fixer

nerdstalker/ui-ux-fixer

Advise on and critique UI/UX design work through the lens of Luke Wroblewski's published principles, using his MCP archive to retrieve relevant writings, presentations, videos, and other source material for each task. Use this skill whenever the user asks for a design review, UX critique, or feedback on a screen, page, form, sign-up flow, checkout, mobile layout, navigation scheme, or AI/agent interface — or asks "what would LukeW say," mentions Luke Wroblewski, or wants design advice grounded in established best practices rather than taste. Also use it when the user asks to fix or improve a U

Frontend & Design

Handdraw Skill

ToBeWin/HandDraw-Skill

Create deterministic hand-drawn, whiteboard, educational, and explainer MP4 animations from a JSON Animation DSL. Use when a user asks to make or edit a hand-drawn video, whiteboard animation, animated SVG explainer, or programmatic animation video.

Frontend & Design

Design Fidelity Verify

jeltehomminga/figma-design-skills

Prove a running app matches its design spec by measuring rendered values, not eyeballing a screenshot. Use when the user says "verify the design", "is this pixel-perfect", "check against Figma", "does the app match the design", or "design QA this screen". Runs a bounded vision+numeric loop over web or mobile, classifying every spec row rather than reporting a bare pixel delta. Consumes the figma-design-extract spec table.

Frontend & DesignIn 1 list

Apple Design

bowen31337/apple-design

Build web interfaces (HTML/CSS/JS, React, Vue, Tailwind) that look and feel like Apple made them — the real Apple aesthetic, not generic glassmorphism. Covers Liquid Glass / iOS-26 materials as rendered CSS+SVG (specular highlights, refraction, vibrancy, fallbacks), Apple's fluid-motion physics (springs by damping/response, velocity handoff, momentum projection, interruptibility, rubber-banding) implemented in BOTH Motion (motion.dev) and GSAP (Flip, ScrollTrigger, SplitText, Inertia), SF typography optics, a drop-in Apple design-token layer, and complete copy-paste components (glass nav, spri

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.