Skip to content

스킬 검색.../

Agent Skill Search Engine

검색

검색
카테고리
직업

About

About
Privacy
Terms

© 2026 Skills Pool. All rights reserved.

Web Frontend | Skills Pool

스킬 파일

Web Frontend

Implement and maintain the TMET static frontend in public/. Use when changing public/index.html, browser-native ES modules in public/js/, UI components, section controllers, or request/model adapters that drive the pipeline, matching, manual queue, and students/professors workflows.

werlang0 스타2026. 4. 10.

직업
카테고리: Full Stack

스킬 내용

Web Frontend (TMET)

Use this skill to

Update UI logic in public/js/sections/*.
Add or adjust reusable components in public/js/components/*.
Keep frontend data adapters aligned with backend APIs and generated-file workflow stages.

Key files

public/index.html
public/js/app.js
public/js/sections/pipeline.js
public/js/sections/matching.js
public/js/sections/students.js
public/js/components/
public/js/models/moodle.js
public/js/models/suap.js
public/js/models/matching.js
public/js/helpers/request.js
public/css/

Workflow

관련 스킬

빠른 설치

Web Frontend

npx skillvault add werlang/werlang-tmet-github-skills-web-frontend-skill-md

Skill 다운로드 저장소 열기

작성자: werlang
스타: 0
업데이트: 2026. 4. 10.
직업

이 페이지의 내용

01Web Frontend (TMET)02

Start from public/js/app.js, which owns shared DOM references and section wiring.
Keep section responsibilities narrow: pipeline actions, matching actions, and students/professors actions should stay separate.
Route network calls through public/js/models/*.js or public/js/helpers/request.js.
Preserve current UX patterns: progress modal for async jobs, toasts for outcomes, and summary cards for manual course/student queues.
Remember this frontend is served directly from public/; do not introduce React, Vue, or build-tool assumptions.

References

Read component patterns for current controller, request, and long-running-job UI patterns.

Out of scope

Rewriting the frontend with frameworks or adding a build pipeline that does not exist.
Browser E2E infrastructure that is not already part of TMET.

Use this skill to

microsoft-vscode-extensions-copilot-assets-prompts-skills-project-setup-info-context7-skill-md

$3e

microsoft184.0k

How to setup a project

$3d

microsoft184.0k

Coding Standards

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

Nuxt4 Patterns

Nuxt 4 app patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching with useFetch and useAsyncData.

Coding Standards

TypeScript、JavaScript、React、Node.js開発のための汎用コーディング標準、ベストプラクティス、パターン。

Nextjs Turbopack

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.