skills.rest
tim72117
tim72117COMMUNITY
Explore all skills by this author →
GitHub

Web Development Standard

Standardize web development guidelines for UI/UX, Canvas interactions, and server integration.

Updated Mar 2, 2026
Search Tags:#web-development#glassmorphism#uiux#layered-architecture#server-integration#canvas-interaction
One-click install
npx skills add https://github.com/tim72117/word --skill web-development-standard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Web Development Standard
Source: https://github.com/tim72117/word/tree/main/.agent/skills/web_development
Command: npx skills add https://github.com/tim72117/word --skill web-development-standard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

本規範統一專案的網頁開發流程，涵蓋 UI/UX 美學、Canvas 互動邏輯與伺服器整合，提升團隊的一致性與效率。

Core Features & Use Cases

  • UI/UX 設計標準：採用現代玻璃風格、可重用的色彩與字型策略以提升使用者體驗。
  • Canvas 架構與互動：建構多層畫布，定義事件路由與效能最佳化，適用繪圖與標註工具。
  • 伺服器整合與部署：描述本地伺服器整合、快取與路徑管理等原則，便於前端與後端協作。

Quick Start

依照此規範開始新專案時，應先建立統一的樣式變數、畫布層級與伺服器端點的草案以確保一致性。

Frequently Asked Questions about Web Development Standard

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

FAQPage Schema
How do I standardize UI/UX guidelines across a frontend team building internal tools?▼

To standardize UI/UX guidelines across frontend teams, apply consistent styling rules like glassmorphism, reusable color systems, and font usage strategies to ensure unified web app aesthetics.

What is the best way to structure a multi-layer canvas for interactive web apps?▼

A multi-layer canvas architecture standardizes interactive web apps by defining specific event routing and performance optimizations, making it ideal for building complex drawing and annotation tools.

How do I set up Python server integration for frontend web development projects?▼

Python server integration for frontend web development projects is established by defining a structured project folder architecture, configuring a save endpoint, and managing local asset and cache workflows.

Does this web development standard work for building internal dashboards?▼

Yes, this web development standard is explicitly designed for frontend teams building internal tools and dashboards, ensuring consistent architecture and aesthetics across these specific web apps.

How to manage assets and caching when integrating a Python server with a frontend?▼

Manage assets and caching during server integration by following standardized principles for local server workflows, path management, and structured project folders to streamline frontend and backend collaboration.

Related Skills

Explore More Design & Creative Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
htayjhtayj

api-tester

Automate REST/HTTP API testing for behaviors, response structures, and error handling.

Community
Intermediate
thesysdevthesysdev
8.3k

openui

Develop and integrate OpenUI generative UI frameworks with React, Vue, and Svelte.

Official
Advanced
guideopsguideops

ui-styling

Create and style user interfaces with shadcn/ui, Tailwind CSS, and canvas-based designs.

Community
Advanced