Web & Frontend

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

Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture.

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

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

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

loulanyue Skill

Process, convert, OCR, extract, redact, sign, and fill documents using the Nutrient DWS API. Works with PDFs, DOCX, XLSX, PPTX, HTML, and images.

loulanyue Skill

通过 Context7 MCP 使用最新的库和框架文档，而非训练数据。当用户提出设置问题、API参考、代码示例或命名框架（例如 React、Next.js、Prisma）时激活。

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

loulanyue Skill

Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture.

loulanyue Skill

Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture.

leynier Bundle

Design and generate a compatible project from the Python Template component layers or presets. Use when choosing a workload, framework, AI providers, data engines, interfaces, training and serving tools, deployment target, or IaC option; also use when a user wants a simple library, CLI, or API without AI.

loulanyue Skill

Nutrient DWS API を使用してドキュメントの処理、変換、OCR、抽出、編集、署名、フォーム入力を行います。PDF、DOCX、XLSX、PPTX、HTML、画像に対応しています。

loulanyue Skill

Process, convert, OCR, extract, redact, sign, and fill documents using the Nutrient DWS API. Works with PDFs, DOCX, XLSX, PPTX, HTML, and images.

loulanyue Skill

Process, convert, OCR, extract, redact, sign, and fill documents using the Nutrient DWS API. Works with PDFs, DOCX, XLSX, PPTX, HTML, and images.

loulanyue Skill

使用Nutrient DWS API处理、转换、OCR识别、提取、编辑、签名和填写文档。支持PDF、DOCX、XLSX、PPTX、HTML和图像格式。

loulanyue Skill

Process, convert, OCR, extract, redact, sign, and fill documents using the Nutrient DWS API. Works with PDFs, DOCX, XLSX, PPTX, HTML, and images.

loulanyue Skill

Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture.

loulanyue Skill

Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture.

xiucuiguan Bundle

Runs TeachAny Higher-Education PBL (HE-PBL) course-design decomposition for university professional courses: course knowledge-system graph, PNG report, an interactive project webpage (可编辑项目书 + 小组信息栏 + 提交教师邮箱), and an editable teachany.cn link. Use whenever the user wants project-based learning design, course-level curriculum mapping, 课程设计, 大作业, or a project deliverable for a higher-education course — 高等数学/线性代数/概率论与数理统计, 数据结构/操作系统/ 机器学习, 信号与系统/通信原理/数字信号处理, 电路分析/电力电子/自动控制原理, and similar professional courses — even if they only give a one-line course project goal. Output must include 知识目标/能力目标/素质目标, Bloom's taxonomy alignment, prerequisite chains, and a 文献调研→方案设计→实施验证→成果汇报 workflow. Exclusively for higher education (本科/研究生). Do not use for K-12 中小学课程, generic lesson plans without an academic project deliverable, or interactive courseware HTML (use TeachAny courseware skill instead).

nazzede Bundle

Use when looking up library documentation, API references, framework patterns, or code examples for ANY library (React, Next.js, Vue, Django, Laravel, etc.). Fetches current docs via Context7 REST API. Triggers on: how to use library, API docs, framework pattern, import usage, library example.

williammelin Bundle

Comprehensive guide for developing WebGPU-enabled React Three Fiber applications using TSL (Three.js Shading Language). Covers Canvas/WebGPURenderer setup, TSL syntax and node materials in JSX, compute shaders driven from useFrame, post-processing effects, and WGSL integration. Use this skill when working with React Three Fiber and three/webgpu, TSL shaders, node materials, or GPU compute in R3F.

ahmadarifff Bundle

Comprehensive Quality Assurance skill for software development projects. Use when the user asks for code review, testing strategy, bug detection, test case generation, performance analysis, security review, deployment readiness checks, Vue 3 / Nuxt 3 testing, Vitest, Vue Test Utils, Playwright, race condition testing, WebSocket resilience, or any quality assurance task. Triggered by keywords like "QA", "code review", "test", "bug", "security", "performance", "quality", "review", "cek kualitas", "buatkan test", "cari bug", "vue test", "vitest", "race condition", "websocket test".

ahmadarifff Bundle

Comprehensive Backend Engineering skill for software development projects. Use when the user asks about API design, database schema, authentication, authorization, backend architecture, error handling, logging, deployment, Docker, CI/CD, server-side logic, guard clauses, result pattern, Express, Prisma, Supabase, Redis atomic locking, high concurrency, Better Auth, integration with Next.js or Vue/Nuxt clients, or any backend task. Triggered by keywords like "backend", "API", "endpoint", "database", "schema", "migration", "authentication", "JWT", "OAuth", "architecture", "clean architecture", "design pattern", "deployment", "Docker", "CI/CD", "server", "buat API", "desain database", "login flow", "struktur project", "guard clause", "result pattern", "redis lock", "atomic lock", "concurrency", "websocket".

ahmadarifff Bundle

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects, or any motion work. Works with CSS, Framer Motion, GSAP, Lottie, Spring, or any animation system.

barastrong Bundle

Use when building or modifying user interfaces, web pages, React/Vue/Svelte/Angular components, CSS/styling, client-side state management, or browser-side logic. Trigger phrases: "UI component", "frontend", "React component", "CSS layout", "responsive design", "state management", "SPA", "SSR", "client-side routing", "accessibility", "web performance", "Tailwind", "Next.js page".

barastrong Bundle

Use when a task spans both frontend and backend — end-to-end features, full-stack frameworks (Next.js, Nuxt, Remix, SvelteKit, Rails, Laravel), or when integrating UI with server logic in one codebase. Trigger phrases: "full stack", "end-to-end feature", "Next.js API route + page", "monorepo frontend+backend", "server actions", "full-stack app", "tRPC".

s0ld13rr Skill

Android APK static analysis — OWASP Mobile Top 10, Retrofit API audit, transport security, smali reading, component export, auth flow analysis. Use when target is an APK/Android app. Triggers - APK, Android, mobile app, decompiled, smali, jadx, apktool.

samin12 Bundle

Design one-off HTML artifacts (landing, deck, prototype).

samin12 Bundle

Throwaway HTML mockups: 2-3 design variants to compare.

samin12 Bundle

Read a partner's agent codebase, score it across the 12-dimension catalog, and emit an evidence-cited markdown plus branded scored HTML report. Use for a first-touch audit: assess/review/audit our agent, where to improve, spot low-hanging fruit, an honest read of what's weak, what Ratel would notice, or `/ratel-assessment`. Static-only unless a live telemetry sample (any OTLP/OTel backend — Ratel, Langfuse, LangSmith) is MCP-wired; writes to repo/.ratel/ without editing code; routes into follow-up Ratel skills.

samin12 Bundle

Turn raw ideas, script fragments, outlines, arguments, teaching points, or abstract concepts into visual thinking artifacts using the Think/Pink Sheet process. Use when the user asks to visualize an idea, create a diagram, make an interactive HTML widget, create a generated image, convert script material into visuals, build a pink sheet, or use Think, pink sheets, full-spectrum thinking, models, metaphors, case studies, or stories to explain something.

samin12 Bundle

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

samin12 Bundle

Dark-themed SVG architecture/cloud/infra diagrams as HTML.

samin12 Bundle

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

samin12 Bundle

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.