Frontend skills

This skill helps you craft polished, production-ready frontend UIs with bold visuals, distinctive typography, and thoughtful micro-interactions.

This skill generates production-ready Next.js and Tailwind CSS websites including landing pages, portfolios, blogs, and SaaS sites.

This skill helps remember user preferences and learned patterns across sessions by storing corrections in skill-specific MEMORY.md files for continual

This skill provides access to Feishu's native emoji codes for authentic messaging and easy integration in Feishu-focused interactions.

This skill helps you craft distinctive production-grade frontend interfaces with bold aesthetics and anti-ai slop principles, elevating UX and accessibility.

This skill helps visualize and manage tool lifecycles in React/Next apps, showing pending, running, approval, and results for human-in-the-loop workflows.

This skill enables building AI agent UIs in React/Next.js with runtime tools, streaming, and human-in-the-loop approvals.

This skill renders HTML content into images by driving agent-browser and capturing screenshots for ready-to-publish visuals.

This skill guides Vue.js developers in applying best practices from the Vue development guides to plan, refactor, and review Vue or Nuxt projects.

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

This skill helps you localize ryOS apps by extracting strings, replacing with translation keys, and syncing translations across languages.

This skill helps you write reliable Vitest tests for unit, component, and mock patterns across your codebase, boosting confidence and maintainability.

This skill guides structured software development from requirements to task execution using EARS syntax and UI-design references to ensure quality.

This skill enables browser apps to initialize CloudBase Relational Database with a single shared db client and use Supabase-style queries.

This skill helps you build and deploy AI agents using the CloudBase AG-UI protocol in TypeScript, including adapters, servers, and web UI.

This skill enables browser apps to generate and stream AI text using CloudBase JS SDK, with Hunyuan or DeepSeek models.

This skill helps you manage CloudBase cloud storage in web apps by uploading, generating temporary URLs, downloading, and deleting files with the Web SDK.

This skill guides CloudBase MCP usage for efficient full-stack development, including authentication, databases, storage, and serverless deployment across web,

This skill helps you select, configure, and optimize Three.js materials for realistic, stylized, and performant 3D scenes.

This skill helps you implement robust Three.js interaction with raycasting, camera controls, and input handling for interactive 3D experiences.

This skill helps you create and customize visual effects in Three.js using ShaderMaterial and GLSL shaders for dynamic graphics.