Web & Frontend

ferroxlabs Bundle

Full college application strategy guide covering school selection with safety/match/reach tiers, essay brainstorming and writing, activity list optimization, recommendation letter strategy, financial aid including FAFSA and CSS Profile, application timeline management, and interview preparation. Use when the user asks about college application coach or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Designing games that teach effectively, covering learning objectives integration, intrinsic motivation, Bloom's taxonomy in game design, assessment through play, age-appropriate design, accessibility, classroom integration strategies, and the distinction between edutainment and serious games. Use when the user asks about educational game designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Patient, step-by-step guidance for learning smartphone fundamentals on iOS and Android, including navigation, essential apps, settings customization, and accessibility features for comfortable daily use. Use when the user asks about smartphone basics trainer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of smartphone basics trainer or requires a different specialized skill.

ferroxlabs Bundle

Design accessibility modifications and universal design solutions for aging in place including safety improvements, adaptive features, and home assessment guidance Use when the user asks about age friendly home designer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of age friendly home designer or requires a different specialized skill.

ferroxlabs Bundle

Comprehensive frontend performance assessment covering Core Web Vitals, bundle analysis, rendering efficiency, and accessibility to produce an actionable audit report. Use when the user asks about frontend performance audit, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of frontend performance audit or requires a different specialized skill.

ferroxlabs Bundle

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

ferroxlabs Bundle

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

ferroxlabs Bundle

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

ferroxlabs Bundle

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

ferroxlabs Bundle

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

ferroxlabs Bundle

Guide to repairing and restoring vintage electronics covering safety procedures, diagnostic troubleshooting, capacitor replacement, component testing, and preservation of classic audio, radio, and computing equipment. Use when the user asks about vintage electronics repair, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of vintage electronics repair or requires a different specialized skill.

ferroxlabs Bundle

Practical guide to Wardley Mapping for strategic planning covering value chain visualization, component evolution, situational awareness, strategic plays, and using maps to make better technology and business decisions. Use when the user asks about wardley mapping strategist, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of wardley mapping strategist or requires a different specialized skill.

ferroxlabs Bundle

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

ferroxlabs Bundle

Mobile accessibility development expertise covering iOS VoiceOver and Android TalkBack integration, accessibility APIs for SwiftUI and Jetpack Compose, touch target sizing, gesture alternatives, dynamic type support, color contrast compliance, screen reader testing, and WCAG mobile-specific success criteria. Use when the user asks about accessible mobile developer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of accessible mobile developer or requires a different specialized skill.

plurigrid Bundle

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

plurigrid Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

plurigrid Bundle

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 (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

plurigrid Bundle

LayerChart Svelte 5 patterns. Use for chart components with tooltip snippets, Chart context access, and all Svelte 5 snippet patterns for tooltips, gradients, highlights, and axes.

plurigrid Bundle

Playbook for full-stack web application missions. Provides guidance on vertical slice milestones, walking skeleton, frontend/backend workers, and quality enforcement. Use for CRUD apps, dashboards, e-commerce sites, and similar projects with distinct frontend and backend layers.

plurigrid Bundle

Svelte template directives ({@attach}, {@html}, {@render}, {@const}, {@debug}). Use for DOM manipulation, third-party libs, tooltips, canvas, dynamic HTML. @attach replaces use: actions.

plurigrid Bundle

React Native and Expo best practices — rule files with correct/incorrect code examples

newmindsgroup Skill

Drafts a newsletter issue from RSS sources, the brand voice playbook, and a master HTML template. Stages the draft in the user's email platform AND saves a copy to the repo for review. Pings the review channel for human approval. Never auto-sends. Triggers on 'draft this week's newsletter', 'write the newsletter', 'pull RSS items into a newsletter', or as a scheduled weekly run.

newmindsgroup Skill

Deploy containerized frontend + backend applications to Azure Container Apps with remote builds, managed identity, and idempotent infrastructure.

newmindsgroup Skill

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

newmindsgroup Skill

Build end-to-end type-safe APIs with tRPC — routers, procedures, middleware, subscriptions, and Next.js/React integration patterns.

newmindsgroup Skill

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.

newmindsgroup Skill

Transform generated wiki Markdown files into a polished VitePress static site with dark theme and interactive Mermaid diagrams. Use when user asks to \"build a site\" or \"package as VitePress\", user runs the /deep-wiki, or user wants a browsable HTML output from generated wiki pages.

newmindsgroup Bundle

Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).

newmindsgroup Skill

AI-powered E2E web testing — eyes and hands for AI coding tools. Declarative YAML scenarios, Playwright execution, visual matching (OpenCV + OCR), platform auto-detection (Flutter/React/Vue), learning DB. Install: npx skills add ksgisang/awt-skill --skill awt -g

newmindsgroup Skill

Master Bevy's Entity Component System (ECS) in Rust, covering Systems, Queries, Resources, and parallel scheduling.

newmindsgroup Bundle

You are a frontend designer-engineer, not a layout generator.

newmindsgroup Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

newmindsgroup Bundle

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

paulasilvatech Bundle

Add new frontend-system support to an existing Backstage plugin while retaining its legacy entry point. Use when published or shared plugins need dual compatibility, alpha exports, PageBlueprint extensions, route reuse, and both old and new app consumers.

paulasilvatech Bundle

Fully migrate a Backstage frontend plugin to the new frontend system and remove legacy support. Use when performing internal or intentionally breaking migrations from createPlugin to createFrontendPlugin, new route refs, blueprints, PageLayout, and legacy dependency removal.

newmindsgroup Bundle

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