Web & Frontend

paulasilvatech Skill

Add a new locale to a Next.js application that uses next-intl, including message JSON, routing, middleware, and the language toggle UI. Use this skill when the user asks to add a language, locale, translation file, next-intl routing entry, or language selector option.

paulasilvatech Bundle

Validate story-to-acceptance-to-scenario-to-evidence traceability, defect severity, required environments, and frontend release readiness, then issue Ready, Ready with follow-ups, or Blocked. Use this skill when final QA evidence or a release verdict is requested.

paulasilvatech Skill

Scaffold a Power Apps Code Apps preview project with Vite, React, TypeScript, PAC CLI, Power Apps SDK, PowerProvider, connector services, Fluent UI, package scripts, README, and deployment guidance. Use when asked to create, initialize, or configure a code-first Power Apps Code App project, add supported connectors, or prepare pac code push deployment.

sheshiyer Skill

Senior UI/UX engineer persona that overrides default LLM design biases with metric-based rules, strict component architecture, and CSS hardware acceleration. USE WHEN architecting interfaces, enforcing design-token discipline, fixing generic-looking AI output, or balancing taste with engineering rigor.

sheshiyer Skill

Enforces test-driven development — tests before code — with 80%+ coverage across unit, integration, and E2E tests, including edge cases and error scenarios. USE WHEN writing a new feature or functionality, fixing a bug, refactoring existing code, adding an API endpoint, or creating a new component.

sheshiyer Bundle

Toolkit for interacting with and testing local web applications using Playwright. USE WHEN verifying frontend functionality, debugging UI behavior in a real browser, capturing screenshots of a running app, or inspecting browser console and network logs.

sheshiyer Skill

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. USE WHEN motion-patterns is not enough and you need gestures, SVG, or imperative sequences.

sheshiyer Skill

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. USE WHEN implementing a concrete UI animation pattern.

sheshiyer Skill

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. USE WHEN building or refactoring Node/Express/Next.js backend code, API routes, or data-access and server-side logic.

sheshiyer Skill

Next.js 16+ and Turbopack — incremental bundling, filesystem caching, dev speed, and when to choose Turbopack vs webpack. USE WHEN developing or debugging Next.js 16+ apps, diagnosing slow dev startup or HMR, or deciding whether to disable Turbopack for a webpack-only plugin.

sheshiyer Bundle

Guide to building polished apps with Expo Router, covering fundamentals, styling, components, navigation, animations, patterns, and native tabs. USE WHEN building or styling Expo/React Native UI, setting up Expo Router navigation, or adding native tabs and animations.

sheshiyer Skill

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. USE WHEN setting up the motion foundation any other motion skill depends on.

sheshiyer Skill

Design and build autonomous AI agents: ReAct and plan-and-execute loops, tool registries, hierarchical memory, supervisor patterns, and checkpoint recovery. USE WHEN architecting an autonomous agent's control loop, tools, and memory from scratch.

sheshiyer Skill

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling across iOS, Android, and web. USE WHEN configuring Tailwind, NativeWind, or PostCSS in an Expo project or wiring the Metro transformer for utility-class styling.

sheshiyer Bundle

Apply proven SwiftUI patterns for NavigationStack routing, enum-driven sheets, async .task state, deep links, previews, and reusable screens with correct state ownership. USE WHEN building or refactoring SwiftUI screens/flows and you need concrete navigation, sheet, async-state, or component-composition guidance.

sheshiyer Skill

Fetch up-to-date library and framework docs via Context7 MCP instead of training data. USE WHEN answering setup or config questions, API references, or code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

sheshiyer 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`).

sheshiyer Skill

EMR/EHR development patterns covering clinical safety, encounter workflows, prescription generation, CDSS integration, and accessibility-first UI. USE WHEN building patient encounter, clinical note, prescription, or lab-result features for medical records systems.

sheshiyer Bundle

Best practices for Remotion, the React framework for programmatic video creation. USE WHEN writing or reviewing Remotion code, building compositions, animating frames, handling captions/subtitles, or using FFmpeg for video operations.

sheshiyer Skill

Library-agnostic Flutter/Dart code review checklist: widget best practices, state management (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture. USE WHEN reviewing or auditing Flutter/Dart code regardless of state or routing library.

undermybelt Bundle

Tests Android inter-process communication (IPC) through intents for vulnerabilities including intent injection, unauthorized component access, broadcast sniffing, pending intent hijacking, and content provider data leakage. Use when assessing Android app attack surface through exported components, testing intent-based data flows, or evaluating IPC security. Activates for requests involving Android intent security, IPC testing, exported component analysis, or Drozer assessment.

caishengold Skill

当需要撰写无障碍审计相关专业文案、行业指南、科普文章时使用。触发场景：无障碍审计/a11y。当用户提到"无障碍审计"、"无障碍审计"、"accessibility"、"auditor"时应触发此技能。

mouadja02 Bundle

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies

mouadja02 Bundle

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs

mouadja02 Bundle

Theme styling toolkit — slides, docs, HTML pages, 10+ styles, dark/light, custom palette

mouadja02 Bundle

UI/UX design — 50+ styles, 161 palettes, 57 font pairs, 99 UX patterns, grids, accessibility

mouadja02 Bundle

React/Next.js test generation — Jest, RTL, Playwright, E2E from component scan

mouadja02 Skill

Use when building or modifying user-facing interfaces: new components and pages, responsive layouts, interactivity and state management, or fixing visual and UX issues. Covers component architecture, styling, accessibility, and state boundaries.

mouadja02 Bundle

Markdown → HTML — marked.js/pandoc compatible; custom stylesheets, GFM extensions

mouadja02 Bundle

Publish presentations and web content to GitHub Pages. Converts PPTX, PDF, HTML, or Google Slides to a live GitHub Pages URL. Handles repo creation, file conversion, Pages enablement, and returns the live URL

mouadja02 Skill

Use when designing new API endpoints, defining module boundaries or contracts between teams, creating component prop interfaces, or changing an existing public interface. Covers naming, versioning, error shapes, and designing surfaces that are hard to misuse.

mouadja02 Skill

Salesforce LWC/Aura/VF quality standards — SLDS 2, accessibility, performance

sheshiyer Skill

Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.

sheshiyer Skill

Cross-stack source code audit that classifies every file, detects embedded third-party libraries, and emits four-level verdicts with interactive HTML reports. USE WHEN onboarding a legacy codebase, planning a refactor, or auditing embedded dependencies across C++, Android, iOS, and Web.

sheshiyer Skill

Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

sheshiyer Bundle

Build AI agents on Cloudflare Workers with the Agents SDK — Agent class, state, callable RPC, Workflows, durable execution, queues, retries, React hooks. USE WHEN creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, chat or voice agents, or browser automation.