trmnl-private-plugins
Build, update, and operate TRMNL e-ink private plugins end to end — webhook data updates and merge variables, Liquid markup with Framework 3.1, the per-plugin…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
11,329 results
Build, update, and operate TRMNL e-ink private plugins end to end — webhook data updates and merge variables, Liquid markup with Framework 3.1, the per-plugin…
Upgrade a server-rendered Craft CMS/Twig front end: Laravel Mix or Webpack to Vite via craft-vite (manifest, DDEV dev server, HMR, Tailwind v3, legacy builds,…
Frontend page speed and Core Web Vitals (LCP, INP, CLS), method first: field data (CrUX, RUM) vs lab (Lighthouse, WebPageTest), find the failing metric's…
For Next.js projects using JSON i18n files, translate/fill locale JSON based on a source (default en.json) by running npx @thor123141245r/ai-translate i18n to…
Chat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat…
Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabilities: forms,…
Generate and publish an /llms.txt guide (brand summary, flagship products, key policies, contact) via a theme template so AI assistants get a curated,…
Audit and inventory existing UI components in a codebase
Deep integration with Docusaurus for documentation site development. Configure projects, manage sidebars, versioning, i18n, develop plugins, and optimize…
Radix UI primitives, composition patterns, accessibility, and customization.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making…
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes. Use when working on HTML / JSX code.
Build modern Next.js apps with App Router and best practices. Use when working on Next.js code or using Next.js features.
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript. Use when using browser APIs.
Unified web frontend knowledge base covering CSS architecture, UX psychology, UI components, distinctive aesthetics, and interface design generation. TRIGGER…
Specialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when the user asks about new CSS features…
CRITICAL: Use for json-ui component rendering and development. Triggers on: json-ui, json render, component catalog, report render, HTML report, I18nString,…
Creative web development skill for physics-based motion, glassmorphism, GLSL shaders, React Three Fiber, post-processing, particle systems, Framer Motion, and…
Design, build, or critique distinctive marketing websites and product frontends by first identifying the site archetype, then applying an evidence-backed…
Use when a fresh AEM Edge Delivery Services boilerplate project should take on the brand basics of an existing website being migrated to EDS — colors, body and…
Expert guidance for writing clean, performant CSS and Tailwind CSS. Use when creating styles, designing components, optimizing performance, or establishing…
Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change…
Expert guidance for developing, maintaining, and extending EAF (Enterprise Application Foundation) UI using Angular 18, TypeScript 5.2, PrimeNG 17, and RxJS 7.…