Agent skills by nuthinking. They work with Claude Code, Codex, Cursor and any other agent that reads the SKILL.md convention.
Any agent that reads SKILL.md (Claude Code, Codex, Cursor, and others). This symlinks the skills into your project, or into your user directory with -g:
npx skills@latest add nuthinking/skillsTo install a single skill, name it with --skill (each skill's README has its own command):
npx skills@latest add nuthinking/skills --skill product-mapUpdate later with npx skills update.
Claude Code, as a managed plugin that updates with claude plugin update. Inside a session:
/plugin install nuthinking-skills --marketplace nuthinking/skills
Or from your shell, where the first command registers this repo as a plugin source and the second installs from it:
claude plugin marketplace add nuthinking/skills
claude plugin install nuthinking-skills@nuthinking| Skill | What it does |
|---|---|
product-map |
Creates and maintains a Product Map in /product: a sitemap for what your software does. A Feature Map (what capabilities exist) plus Mermaid Product Flows (how the product behaves), kept in the repo so humans and agents share one model. Pairs with the @nuthinking/product-map viewer. |
product-demo |
Demo videos of product flows that regenerate when the product changes. Each demo is a YAML script in /product/demos; @nuthinking/product-demo replays it against the app in a seeded demo mode, keeps keyframes and an event log as the deterministic source, and renders videos in a chosen style (the page alone, or inside a browser, laptop or phone on a wallpaper, with cards, captions and voice-over). A local studio previews and edits the look; CI re-records only the demos a change can affect. |
site-edit |
Sets up editing a website from the website: editors sign in with GitHub, drop pins and notes on the live site or a preview, and an AI agent (Claude Code on GitHub Actions) makes the change and opens a PR; an email with screenshots and a Ship link merges it. Installs and configures the @nuthinking/site-edit package, workflows and agent rules. |
design-catalog |
Extracts the design language a vibe-coded app already has and turns it into a design catalog: measures every screen of the running app, consolidates the drifted colours, type, spacing, radii and component shapes with you (about ten plain-language decisions), writes the tokens into the app's own styling system, migrates screens in verified steps, and leaves a /design-catalog page plus DESIGN.md so people and agents keep it consistent. |
ui-tweaks |
Puts a polished, draggable Tweaks panel on top of your running app for the craft details of a screen or component: the agent picks six to eight precise controls from the code (padding, line height, tracking, weights, corners, border and text contrast, shadow), you nudge them live without the code changing, then Copy hands the changes back to the agent, which applies them to the source. |
skills/<skill-name>/
SKILL.md Frontmatter (name, description) + instructions
README.md Human-facing explanation
references/ Longer docs the agent loads on demand
scripts/ Helper scripts the agent can run
MIT