Web & Frontend

newmindsgroup Bundle

any input (code, docs, papers, images) → knowledge graph → clustered communities → HTML + JSON + audit report. Use when user asks any question about a codebase, project content, architecture, or file relationships — especially if graphify-out/ exists. Provides persistent graph with god nodes, community detection, and BFS/DFS query tools.

newmindsgroup Skill

Comprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills for end-to-end application delivery.

newmindsgroup Bundle

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with functional programming patterns. Works with React 18/19, Next.js 14/15.

newmindsgroup Skill

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

newmindsgroup Skill

Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces, and relationships.

newmindsgroup Bundle

Use when building or auditing Shopify apps with React Router/Remix, App Bridge, Admin GraphQL, Polaris, webhooks, billing, or app extensions.

plurigrid Bundle

Prepare your codebase for security review using Trail of Bits' checklist. Helps set review goals, runs static analysis tools, increases test coverage, removes dead code, ensures accessibility, and generates comprehensive documentation (flowcharts, user stories, inline comments). (project, gitignored)

plurigrid Bundle

JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.

plurigrid Bundle

Collapse Hermes' 8 memory backends (honcho/mem0/supermemory/hindsight/retaindb/openviking/holographic/byterover) into one Syndicate dataspace + Mandy bcom+gset persistent collection. Memory becomes published facts subscribers react to, not a polled provider plugin. Goblins vat-snapshot replaces 8 storage adapters.

newmindsgroup Skill

Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization.

newmindsgroup Skill

Expert in building 3D experiences for the web - Three.js, React

newmindsgroup Skill

Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.

newmindsgroup Skill

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

newmindsgroup Bundle

Routing-first responsive layout strategy and verification for web interfaces. Use when the main job is classifying whether the failure is page-shell adaptation, reusable component/container behavior, dense-data or toolbar pressure, responsive media, or reflow verification — then turning vague “breaks on mobile” requests into one concrete strategy packet. Route component API design to `ui-component-patterns`, accessibility remediation to `web-accessibility`, system-wide breakpoint/token governance to `design-system`, and broad UI audit work to `web-design-guidelines`.

newmindsgroup Skill

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

newmindsgroup Bundle

Expert knowledge for deploying to Vercel with Next.js

newmindsgroup Bundle

Routing-first skill for web accessibility remediation and verification. Use when the main job is classifying which accessibility surface is failing — semantics, keyboard/focus, labels/announcements, visual perception/reflow, media alternatives, or routed-app navigation feedback — and turning vague audit, WCAG, axe/Lighthouse, or "make this accessible" requests into one concrete remediation packet. Route broad UI critique to `web-design-guidelines`, component API architecture to `ui-component-patterns`, responsive layout strategy to `responsive-design`, and system governance to `design-system`.

newmindsgroup Skill

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.

newmindsgroup Skill

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.

tomevault-io Bundle

Use when making architectural decisions, adding components, or understanding how PeaPod's pieces fit together. Provides context on the protocol design, component boundaries, and data flow to help agents make correct design choices.

newmindsgroup Skill

Create React Flow node components following established patterns with proper TypeScript types and store integration.

newmindsgroup Bundle

Production patterns for Unity's Data-Oriented Technology Stack (DOTS) including Entity Component System, Job System, and Burst Compiler.

newmindsgroup Bundle

Execute comprehensive client-side injection vulnerability assessments on web applications to identify XSS and HTML injection flaws, demonstrate exploitation techniques for session hijacking and credential theft, and validate input sanitization and output encoding mechanisms.

newmindsgroup Bundle

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

newmindsgroup Skill

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

newmindsgroup Bundle

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

newmindsgroup Bundle

Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.

newmindsgroup Bundle

Provides the distinctive-frontend workflow for agent-assisted work. Use when the user's request matches this skill's domain or trigger language.

newmindsgroup Skill

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

newmindsgroup Bundle

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (useLoaderData).

newmindsgroup Skill

Expert integration of Supabase Auth with Next.js App Router

newmindsgroup Bundle

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues.

newmindsgroup Bundle

Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.

newmindsgroup Skill

Expert in the Vercel AI SDK. Covers Core API (generateText, streamText), UI hooks (useChat, useCompletion), tool calling, and streaming UI components with React and Next.js.

ferroxlabs Bundle

Guides expert-level svelte 5 runes patterns implementation: javascript and frameworks decision frameworks, production-ready patterns, and concrete templates for svelte runes patterns workflows. Use when the user asks about svelte 5 runes patterns, svelte runes patterns configuration, or javascript best practices for svelte projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

ferroxlabs Bundle

Explains the five components of a credit score (payment history, utilization, length of history, credit mix, new inquiries), interprets the user's score range, and identifies which component is the highest-impact lever for improvement. Produces a score breakdown analysis with a prioritized action list. Use when the user asks about credit scores, what affects their score, how credit scoring works, or wants to understand their credit score range. Do NOT use for a multi-month credit improvement plan (use credit-score-improvement), debt payoff strategies, or loan shopping.