frontend-platform-dev

Develop Vue3 frontend features for Sourcelin Blog pages, components, APIs, routing, and state management.

9|2|Updated May 18, 2026
One-click install
npx skills add https://github.com/SourceLin/sourcelin-cloud-blog --skill frontend-platform-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-platform-dev
Source: https://github.com/SourceLin/sourcelin-cloud-blog/tree/main/skills/frontend-platform-dev
Command: npx skills add https://github.com/SourceLin/sourcelin-cloud-blog --skill frontend-platform-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Sourcelin Blog 前台开发涉及页面、组件、模块 API、composable、路由、状态,以及设计系统接入的多样化任务,常规化协作成本高、重复性工作多。

Core Features & Use Cases

  • 提供统一的前台开发工作流与边界,涵盖 Vue3 页面、组件、路由、状态管理、以及设计系统接入的规范。
  • 支持模块 API 的新增、修改与查询逻辑的标准化实现。
  • 用例:在 Sourcelin Blog 前台增加一个新页面,快速接入现有 API、设计系统和路由逻辑。

Quick Start

Create a task in Sourcelin UI Platform to add or modify frontend pages, components, APIs, or design-system integrations.

Frequently Asked Questions about frontend-platform-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new page in Vue3 and integrate existing APIs and routing?

To add a new Vue3 page, you create a task in the Sourcelin UI Platform to generate the page, then apply the standardized logic to integrate existing APIs, design system components, and routing. This enforces coding conventions and type definitions.

What is the best way to standardize module API development in a Vue3 frontend?

Standardizing module API development involves applying unified workflows for adding, modifying, and querying APIs. This ensures all new API integrations conform to project-specific coding conventions and enforce strict type validation.

Does this Vue3 frontend workflow support design system integration out of the box?

Yes, this workflow supports design system integration out of the box. It provides standardized boundaries for seamlessly incorporating design system components into your Vue3 pages and UI components during development.

Can I use this for managing state and composables alongside page development?

Yes, you can use this for managing state and composables. It covers Vue3 pages, components, routing, and state management integration, ensuring all these elements conform to defined type definitions and validation rules.

Why do I need coding conventions and type definitions for frontend platform features?

Coding conventions and type definitions are needed to reduce high collaboration costs and repetitive work in diverse frontend tasks. They enforce validation and standardized implementation across pages, APIs, and routing.

What are the limitations when modifying Vue3 components and routing logic?

Modifications must strictly conform to the AGENTS.md and rules/coding-conventions. The workflow is specialized for the Sourcelin Blog Vue3 frontend, meaning custom logic outside these boundaries may not be supported.