Run any Skill in Manus with one click

frontend-ui-tool

Stars2

Forks0

UpdatedJune 8, 2026 at 12:23

Use when changing or reviewing the Next.js frontend UI, Tailwind layout, chat/interview pages, resume/job/application screens, or frontend API wrappers.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

jjh1904343135-bit

jjh1904343135-bit/intern-agent

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

SKILL.md

readonly

name	frontend-ui-tool
description	Use when changing or reviewing the Next.js frontend UI, Tailwind layout, chat/interview pages, resume/job/application screens, or frontend API wrappers.

Frontend UI Tool

Tool Contract

Use this skill for frontend implementation and verification. This skill has no application-data Python script because frontend work is validated through npm, Vitest, typecheck, build, and browser inspection.

Script Usage

This skill has no application-data Python script. Run frontend commands from frontend/:

npm test
npm run typecheck
npm run build

Output Contract

Return test/build status, affected pages/components, and any browser-verification notes. Do not describe hidden backend internals in user-facing UI copy.

Answer Synthesis

Summarize UI behavior and visible user workflows. Keep text action-oriented and avoid exposing Agent reasoning traces.

Validation

cd frontend
npm test
npm run typecheck
npm run build

More from this repository

same repository

assistant-memory-tool

jjh1904343135-bit/intern-agent

Use when inspecting AI assistant file-based long-term memory, session JSONL archives, soft consolidation, Dream updates, or assistant context isolation.

2026-06-092

agent-evaluation-tool

jjh1904343135-bit/intern-agent

Use when running Agent golden-case evaluation, checking intent accuracy, tool-call accuracy, RAG grounding, job matching, interview follow-up policy, or resume rubric compliance.

2026-06-082

application-list-tool

jjh1904343135-bit/intern-agent

Use when reading saved jobs, application status counts, manual follow-up notes, or the user's application tracking state.

2026-06-082

backend-service-tool

jjh1904343135-bit/intern-agent

Use when inspecting FastAPI routes, controllers, backend service boundaries, repository-backed endpoints, API surface, or route availability.

2026-06-082

chat-routing-tool

jjh1904343135-bit/intern-agent

Use when inspecting or explaining Qingcheng AI chat complexity classification, prompt-template injection, SupervisorAgent routing, selected tool allowlists, or agent planning for a user message.

2026-06-082

interview-state-tool

jjh1904343135-bit/intern-agent

Use when inspecting simulated interview Agent short-term session state, job-resume binding, question plan progress, answer signals, difficulty, follow-up strategy, or remaining focus.

2026-06-082

name	frontend-ui-tool
description	Use when changing or reviewing the Next.js frontend UI, Tailwind layout, chat/interview pages, resume/job/application screens, or frontend API wrappers.

Frontend UI Tool

Tool Contract

Script Usage

This skill has no application-data Python script. Run frontend commands from frontend/:

npm test
npm run typecheck
npm run build

Output Contract

Return test/build status, affected pages/components, and any browser-verification notes. Do not describe hidden backend internals in user-facing UI copy.

Answer Synthesis

Summarize UI behavior and visible user workflows. Keep text action-oriented and avoid exposing Agent reasoning traces.

Validation

cd frontend
npm test
npm run typecheck
npm run build