example-skills
Creative and builder pack: generative art, Navin brand guidelines, canvas and poster design, ready-made themes, Slack GIFs, document co-authoring, internal communications, MCP server building, web app testing, single-file web artifacts and skill creation with an evaluation loop.
Reference
| Field | Value |
|---|---|
| Name | example-skills |
| Version | 1.0.0 |
| Category | Design |
| Licence | Not declared |
| Source | catalog/navin/builtin_plugins/example-skills/plugin.json |
| README | catalog/navin/builtin_plugins/example-skills/README.md |
| Digest | sha256:14b8816ab5a2b613892761517547a2500afdd61b2a1d1c6aef1f8dbe1660a868 |
| plugin.json | category, description, name, skills, steps, version |
Commands
The plugin declares no command.
Agents
The plugin declares no agent.
Skills
| Name | Description |
|---|---|
| algorithmic-art | Generates original algorithmic art with p5.js - seeded randomness, flow fields, particle systems, noise and parametric variation - packaged as a self-contained interactive HTML viewer with seed navigation, sliders and PNG export. |
| brand-guidelines | Defines the Navin brand (ink-on-paper palette with one lime accent, Inter and IBM Plex typography, spacing scale, wordmark rules, tone of voice) and shows how to apply it in HTML/CSS, python-pptx, python-docx, reportlab and matplotlib. |
| canvas-design | Designs posters, covers, title cards and single-page visual canvases as one PNG or PDF - a short visual philosophy first, then a composition rendered with HTML+CSS in the headless browser or with Pillow from a JSON spec, using open-licensed fonts and the Navin palette. |
| theme-factory | Applies one of ten ready-made color and type themes (Navin Studio as the default, plus Ink and Lime, Harbor, Terracotta, Moss, Slate, Aurora, Dune, Orchard, Midnight) to slides, documents, reports and HTML pages, or derives a new theme in the same format. |
| slack-gif-creator | Builds small looping animated GIFs for Slack (custom emoji at 128x128, message GIFs up to 2 MB) from code with Pillow, applying size budgets, palette reduction and easing so the result reads well at thumbnail size. |
| doc-coauthoring | Co-author structured documents (proposals, technical specs, decision docs, RFCs, briefs, PRDs) in three stages - a short context round, outline then section-by-section drafting reviewed block by block, and a reader simulation that lists gaps first. |
| internal-comms | Write internal communications that people actually read - weekly status updates, team newsletters, FAQ answers, leadership notes, project updates and incident communications - with an audience and tone matrix and fixed structure templates. |
| mcp-builder | Build an MCP (Model Context Protocol) server end to end - scope the upstream API, choose Python FastMCP or the TypeScript SDK, design tools an LLM picks correctly (names, schemas, pagination, errors), implement, run over stdio or HTTP, test with a client, write an evaluation set, wire it into Navin. |
| webapp-testing | Tests a local web application end to end - start the server under test, discover selectors in the rendered DOM, drive the pages with the built-in browser tool or Playwright scripts, capture console errors, failed requests and screenshots, then report findings. |
| web-artifacts-builder | Builds multi-component web artifacts (React + TypeScript + Material UI + framer-motion, optional three.js) bundled into one self-contained HTML file shown beside the chat - scaffold, live preview, vite-plugin-singlefile bundle. |
| frontend-design | Gives a new or reworked interface a distinctive, deliberate visual identity instead of a templated look - subject-driven aesthetic direction, typography, palette, layout, restrained motion and interface copy, planned as a token system and critiqued before code. |
| skill-creator | Create or update AgentSkills with scripts, references and assets, then measure them with an evaluation loop (prompts with and without the skill, deterministic grading, benchmark, HTML report, description tuning). |
Hooks, MCP servers and settings
plugin.json declares no hook, no MCP server and no setting: the plugin is made of the components above only.
Workflow
| Step | Use |
|---|---|
| create generative art with p5.js and a seeded generator | skill:algorithmic-art |
| apply the Navin brand (palette, type, logo rules) to any deliverable | skill:brand-guidelines |
| design a poster, cover or single-image canvas | skill:canvas-design |
| pick and apply a ready-made visual theme | skill:theme-factory |
| make an animated GIF for Slack | skill:slack-gif-creator |
| co-write a proposal, spec or decision document section by section | skill:doc-coauthoring |
| write a status update, newsletter, FAQ or incident note | skill:internal-comms |
| build and evaluate an MCP server | skill:mcp-builder |
| test a local web app in a headless browser | skill:webapp-testing |
| bundle a React + MUI artifact into one HTML file | skill:web-artifacts-builder |
| give an interface a distinctive visual direction | skill:frontend-design |
| create a skill and improve it with evaluations | skill:skill-creator |
Enable it in a project
Activating example-skills creates 13 activations in the project: the plugin itself and 12 skills. Removing the plugin activation removes them all.
curl -X POST <control-plane-url>/v1/projects/<project>/navin-library/activations \
-H "Authorization: Bearer <token>" -H "Content-Type: application/json" \
-d '{"kind": "plugin", "name": "example-skills"}'
<project>: id or slug of the project. <token>: API key with the editor role on the project.
client.navin_library.activate("<project>", "plugin", "example-skills")