Tag: web-development
Web Frontend Implementation and Validation
Provides guidance for implementing, debugging, and deploying web frontends using React, Vue, and Vite. It focuses on engineering execution, including browser-based validation and CloudBase Web integration.
Generates High-Fidelity UI Design Specifications
This skill guides the creation of high-fidelity, aesthetically rich user interfaces for web and mini-programs. It mandates a structured design specification, including color palettes, typography, and layout strategy, before generating any i…
CloudBase Web SDK for Document Database Operations
This skill provides the necessary logic for performing CRUD operations and complex data interactions within a web application using the official CloudBase JavaScript SDK. It supports advanced features such as real-time listening, pagination…
CloudBase Full-Stack Development and AI Integration Guide
This skill provides comprehensive guidelines for developing, deploying, and debugging full-stack applications across multiple platforms, including web, mini-programs, and native mobile apps. It covers everything from database management and…
Web Frontend Engineering and Validation
Facilitates the implementation, debugging, and deployment of web frontends using React, Vue, and Vite, including CloudBase Web integration. It emphasises engineering execution and rigorous browser-based validation.
High-Fidelity UI Design and Prototyping Skill
This skill guides the creation of high-fidelity, aesthetically rich user interfaces for web and mini-program applications. It enforces a mandatory design specification phase, ensuring the agent determines the aesthetic direction, color pale…
iOS Safari Debugging Proxy and Toolkit
This tool facilitates deep inspection and debugging of Safari tabs on connected iOS devices using the ios-webkit-debug-proxy. It provides comprehensive capabilities for DOM manipulation, network monitoring, script evaluation, and performanc…
Modern React and Next.js Development Patterns
A collection of best practices and design patterns for building performant user interfaces using React and Next.js. It covers component composition, state management, custom hooks, and performance optimisation techniques.
Modern Web Development Best Practices
Provides a comprehensive guide for implementing modern web development standards, covering security, browser compatibility, and performance optimisation.
Web Accessibility Audit and Improvement
Provides comprehensive guidelines for auditing and improving web content according to WCAG 2.2 standards. It covers principles such as perceivability, operability, and understandability to ensure compliance and usability.
Generate polished, narrative-driven HTML presentations
This skill manages the entire lifecycle of creating polished, multi-file HTML presentations, moving beyond simple document generation. It enforces a rigorous, six-phase workflow—from initial research and narrative outlining to visual design…
Web Frontend Development and Integration
Facilitates the implementation, debugging, and deployment of web frontends using frameworks such as React and Vue with Vite. It provides workflows for browser-based validation and integration with CloudBase Web SDK and static hosting.
Frontend UI Design and Prototyping
Provides a structured workflow for generating design specifications, aesthetic directions, and high-fidelity prototypes for web and mini-program interfaces. It enforces strict design constraints to avoid generic AI aesthetics, focusing on i…
Client-side AI Model Integration for Web Apps
Integrate large language models directly into frontend web applications using the CloudBase JavaScript SDK. It supports text generation and streaming for models such as DeepSeek, Hunyuan, and Kimi without needing a Node.js proxy.
Web Frontend Engineering and Validation
This skill facilitates the implementation, debugging, and deployment of React or Vue-based frontends using Vite. It enforces strict TypeScript practices and requires browser-level validation for CloudBase Web integration and routing.
CloudBase Web AI Model Integration
Enables direct integration of AI models such as DeepSeek, Hunyuan, and Kimi into frontend web applications using the CloudBase JavaScript SDK. It supports text generation and streaming for frameworks like React and Vue without the need for …
Distinctive Production-Grade Frontend Design
This skill enables the creation of visually striking, production-grade frontend interfaces by applying intentional design principles and avoiding generic aesthetics. It focuses on typography, spatial composition, and cohesive aesthetic dire…
Generate distinctive, production-grade frontend interfaces
This skill generates highly polished, production-grade web components and applications, focusing on intentional and distinctive aesthetic direction rather than generic AI output. It guides the implementation of complex design elements, incl…