strapi-template-new-world-kids

Use when Hermes needs to discover, qualify, and track grants for a nonprofit or social-purpose organization.

Use when Hermes is designing websites, internal micro apps, grant workflows, donor flows, or other practical systems for social-purpose teams.

Use when Hermes needs live browser verification, page inspection, or proof that a public flow actually works.

Use when Hermes should reason with CLI-first workflows, indexed lookup, jcodemunch-style token savings, or command-oriented execution.

Use when Hermes needs to track evidence, dependencies, blockers, decisions, and learning loops as a graph.

Use when Hermes should record verified learnings, improve its own routing, or capture stable patterns for later reuse.

Use when Hermes needs a grouped index of external repos, skills, and references it can reuse.

NWKids nonprofit operations as MCP tools. Use when asked to find grants, write bilingual social posts, log program impact, or check operations health. Works with Claude Code, ChatGPT, Cursor, and any MCP-compatible client. Get an API key at nwkids.ai/dashboard.

MCP-to-CLI lazy graph bridge. Connects any MCP server, OpenAPI spec, or GraphQL endpoint as a CLI command at runtime — zero codegen, 96-99% fewer tokens than loading tool schemas. Use when you need to call any MCP server tool but want to avoid loading all tool schemas into context. Supports lazy discovery: only load the server you need, when you need it. Triggers: "call MCP", "use supabase tool", "invoke vibe graph", "run watcher", any cross-server orchestration, or when token budget is tight.

Final review gate for POST-MAXX and other long-running agent loops. Use when reviewing uncommitted changes, a branch, a commit, a pull request, or a folder snapshot before merging.

Absurd-backed workflow for POST-MAXX sitewide builds, dashboard pages, cinematic motion, and the final review handoff. Use when continuing multi-phase agent work, simplifying the database-backed runner, or turning design references into production UI.

One-click Coolify deployment and Hostinger VPS wiring for New World Kids apps. Use when configuring Coolify applications, syncing approved env vars, patching server/app settings, starting deployments, and verifying the live site.

Use when you need a token-backed CLI bridge to the official Hostinger API MCP server for VPS, hosting, DNS, or deployment tasks. It loads the approved Hostinger token from local env files and calls the server through mcp2cli so the agent can use Hostinger actions without loading the full schema into context.

Design distinctive, production-grade frontend interfaces — mockups as HTML pages or working application pages. Use when the user asks to design a web page, landing page, UI mockup, dashboard, application page, or any visual HTML interface. Supports single designs, multiple variant generation, and integration with existing project frameworks.

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.

Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.

Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.

Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use.

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.

Normalize design to match your design system and ensure consistency

Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.

Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.

Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?"

Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.

Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished.

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.