Web & Frontend

0xtrey Bundle

Apply the current Folloze click and interaction tracking contract to customer-facing HTML before save or publish. Use for CTAs, navigation, calculators, tabs, accordions, media controls, and other meaningful interactions that need privacy-safe instrumentation plus separate delivery verification.

nhutnguyengkimvn Bundle

Convert a Form.io form definition (JSON) into the DNAi Req-Form mapping CSV. Use whenever the user provides a Form.io form JSON (components array with type/key/label/conditional/customConditional...) and wants it mapped to the DNAi import sheet: one row per component, fixed "Test Requirements" section, role columns, Values joined by ';', and conditions emitted into the "additional_component_props JSON" column. Triggers: "map this form JSON to CSV", "convert Form.io to the req-form sheet", "generate the order services CSV".

simply-ehis Skill

Use whenever designing a component that doesn't have an off-the-shelf UI pattern — an audio waveform/timeline editor, a 3D viewport and its gizmos, a code/diff viewer, a node graph, an asset preview pane, or any other domain-specific tool surface. Depends on desktop-ui-foundations, desktop-ui-color-system, and desktop-ui-motion. Trigger on "waveform editor," "timeline," "3D viewport," "diff viewer," "node graph," or "there's no standard pattern for this."

simply-ehis Skill

Use whenever designing or reviewing keyboard access, screen reader support, high-contrast/forced-colors modes, hybrid touch input, or right-to-left and translated layouts in a desktop app. Depends on desktop-ui-foundations. Read this alongside foundations on any real project — it is not an optional add-on skill. Trigger on "accessibility," "a11y," "screen reader," "keyboard navigation," "high contrast," "forced colors," "RTL," "right-to-left," "localization," "translation," or "this breaks in German/Arabic/Japanese."

dreamers-laboratory Skill

Create distinctive, production-grade frontend interfaces for web components, pages, and applications. Use when the agent needs to design or implement frontend UI with a strong visual point of view, polished interaction details, responsive layout, and real working code, especially when the request risks drifting into generic AI-looking design. Preserve existing design systems when they already exist; otherwise establish a clear aesthetic direction and execute it consistently.

dreamers-laboratory Bundle

Make web pages and application UIs hold up across a fixed 10-viewport suite with screenshot-based validation. Use when the agent needs to implement or review responsive behavior, adapt a frontend for phone, tablet, laptop, desktop, ultrawide, or odd aspect ratios, remove overflow or overlapping text, rebalance crowded layouts and accidental whitespace, or replace brittle breakpoint-only fixes with fluid sizing and spacing.

chunfeng11221 Bundle

忠实调用固定视频知识库中的职场观点、判断逻辑和行动策略，提供离职决策、公司与岗位解读、候选人匹配分析和面试准备。用于用户询问布布糕会怎么看、要不要离职或裸辞、如何处理领导与团队问题、如何判断 offer/JD/公司风险、如何准备面试与谈薪、如何理解招聘方行为，或要求生成综合职场决策报告；也用于用户提供简历、JD、招聘截图、HR 消息或面试反馈后进行分析。分析材料中的问题时生成直观的单文件 HTML 定位报告。默认采用视频忠实模式，只输出结论、判断逻辑和行动，不展示知识卡片、视频文件名、时间戳或转写状态；仅在用户明确要求查看依据或溯源时显示来源。

loulanyue Skill

Node.js, Express ve Next.js API routes için backend mimari kalıpları, API tasarımı, veritabanı optimizasyonu ve sunucu tarafı en iyi uygulamalar.

loulanyue Skill

TypeScript, JavaScript, React ve Node.js geliştirme için evrensel kodlama standartları, en iyi uygulamalar ve kalıplar.

loulanyue Skill

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

loulanyue Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

loulanyue Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

loulanyue Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

loulanyue Bundle

从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式，或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。

loulanyue Skill

React, Next.js, state yönetimi, performans optimizasyonu ve UI en iyi uygulamaları için frontend geliştirme kalıpları.

loulanyue Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

loulanyue Skill

后端架构模式、API设计、数据库优化以及适用于Node.js、Express和Next.js API路由的服务器端最佳实践。

loulanyue Skill

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

loulanyue Skill

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。

loulanyue Skill

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

loulanyue Skill

TypeScript、JavaScript、React、Node.js開発のための汎用コーディング標準、ベストプラクティス、パターン。

loulanyue Skill

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

loulanyue Skill

Node.js, Express, Next.js API 라우트를 위한 백엔드 아키텍처 패턴, API 설계, 데이터베이스 최적화 및 서버 사이드 모범 사례.

loulanyue Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

loulanyue Skill

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

loulanyue Skill

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

loulanyue Skill

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

loulanyue Skill

React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。

loulanyue Skill

TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.

loulanyue Skill

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

loulanyue Skill

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

loulanyue Skill

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

loulanyue Skill

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

loulanyue Skill

React, Next.js, 상태 관리, 성능 최적화 및 UI 모범 사례를 위한 프론트엔드 개발 패턴.

loulanyue Skill

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

loulanyue Skill

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