Agent Skills catalog · page 17
Standard HTML pagination keeps the complete catalog discoverable. Use the main directory for search, filtering, and comparison.
- Current page
- 17/209
- Entries on page
- 24
- URL status
- Self-canonical
nexu-io/open-design
swiss-creative-mode-template
Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette choreography in a single-file HTML artifact. Use when users ask for a premium presentation-style landing, a Swiss/brutalist deck look, or a creative launch page with rich interactions.
nexu-io/open-design
trading-analysis-dashboard-template
Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior. Use when users ask for a Wall-Street-style analytics terminal, trading cockpit, or high-tech financial dashboard template with realistic data layout.
nexu-io/open-design
video-template-frame-decision-tree
Use this plugin when the user wants a "Decision Tree" HyperFrames motion video — Animated flowchart with branching paths
nexu-io/open-design
video-template-frame-kinetic-type
Use this plugin when the user wants a "Kinetic Type" HyperFrames motion video — Bold kinetic typography promo
nexu-io/open-design
video-template-frame-nyt-graph
Use this plugin when the user wants a "NYT Graph" HyperFrames motion video — Animated data chart in print editorial style
nexu-io/open-design
video-template-frame-play-mode
Use this plugin when the user wants a "Play Mode" HyperFrames motion video — Playful elastic animations
nexu-io/open-design
video-template-frame-product-promo
Use this plugin when the user wants a "Product Promo" HyperFrames motion video — Multi-scene product showcase with SVG assets
nexu-io/open-design
video-template-frame-swiss-grid
Use this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layout
nexu-io/open-design
video-template-frame-vignelli
Use this plugin when the user wants a "Vignelli" HyperFrames motion video — Bold typography with red accents
nexu-io/open-design
video-template-frame-warm-grain
Use this plugin when the user wants a "Warm Grain" HyperFrames motion video — Cream aesthetic with grain texture
nexu-io/open-design
impeccable-design-polish
Follow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass.
nexu-io/open-design
login-flow
Mobile login and authentication flow screens
nexu-io/open-design
od-plugin-contribute-open-design
Open a pull request adding a local OpenDesign plugin to the OpenDesign community catalog using gh CLI.
nexu-io/open-design
create-live-artifact-ops
Create a refreshable live operations artifact for customer success, support, or launch review workflows.
nexu-io/open-design
create-prototype-dashboard
Create a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.
nexu-io/open-design
create-slides-pitch
Create a concise HTML pitch deck for an early-stage product, with a strong narrative arc and finance-ready slide structure.
nexu-io/open-design
direction-picker
Optional 3-5 direction picker for users who explicitly ask to compare visual directions.
nexu-io/open-design
patch-edit
Apply one rewrite-plan step at a time as small reviewable file edits, never rewriting whole files when a localised change suffices.
nexu-io/open-design
web-prototype-taste-editorial
Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill `minimalist-skill`.
nexu-io/open-design
web-prototype-taste-soft
Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled from Leonxlnx/taste-skill `soft-skill` + sections 4–8 of `taste-skill`.
addyosmani/agent-skills
code-simplification
Simplifies code for clarity. Use when refactoring code for clarity without changing behavior. Use when code works but is harder to read, maintain, or extend than it should be. Use when reviewing code that has accumulated unnecessary complexity.
addyosmani/agent-skills
browser-testing-with-devtools
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
addyosmani/agent-skills
api-and-interface-design
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
addyosmani/agent-skills
ci-cd-and-automation
Automates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines. Use when you need to automate quality gates, configure test runners in CI, or establish deployment strategies.