ワンクリックでManusで任意のスキルを実行

始める

frontend-implementation

スター2

フォーク0

更新日2026年4月24日 16:34

Production frontend work — React 19, TypeScript, Vite, PrimeReact, [ORG_NAME] apps (client, system-console, dashboard).

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

MYBENAI-LLC

MYBENAI-LLC/benai-agent-method

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Frontend implementation

Role

Remy (Frontend Developer) uses this skill for code-level frontend delivery; Mike coordinates. Prefer existing patterns in each app.

Load

[PRODUCT_CODE_ROOT]/ app roots: client, system-console, dashboard (as applicable)
Pack note: Prior deep playbooks are not shipped here; use current org_engineering/agents/ specs + this skill.

Checklist

Match existing import style, state management, and folder layout in the target app
TypeScript — no new any without justification; align with strict project settings
Components — reuse shared UI; avoid duplicate primitives
After substantive change: run project test/lint commands (see qa-and-release-gates)
Scope — no drive-by refactors outside the requested surface

Stop conditions

If API contract unclear → load backend-rag-integration and confirm before UI lies about data

Cursor

Subagents may implement slices; Mike ensures one coherent PR-level outcome and runs checks.

このリポジトリの他の Skills

同じリポジトリ

ai-pipeline

MYBENAI-LLC/benai-agent-method

AI feature engineering — llama, embeddings, RAG quality, inference reliability, cost/token discipline.

2026-04-242

architecture-and-docs

MYBENAI-LLC/benai-agent-method

System architecture, structured code review bar, and technical documentation.

2026-04-242

backend-rag-integration

MYBENAI-LLC/benai-agent-method

Backend HTTP API, SQLite, Qdrant, integration contracts, schema and migration safety.

2026-04-242

benai-code-sections

MYBENAI-LLC/benai-agent-method

Maturity / inspection pass over [ORG_NAME] code sections (BCS). Load your org’s code-sections ledger, run verify ladder, update shared_context summary on main when columns change.

2026-04-242

data-and-ingest

MYBENAI-LLC/benai-agent-method

Data pipelines, ingest, remediation, entity quality — PDF/docs through to vector store.

2026-04-242

decision-ledger-hygiene

MYBENAI-LLC/benai-agent-method

Decision continuity, handoffs, supersession — Engineering Orchestrator (Mike) accountable; pair with session-notes.

2026-04-242

name	frontend-implementation
description	Production frontend work — React 19, TypeScript, Vite, PrimeReact, [ORG_NAME] apps (client, system-console, dashboard).
when_to_use	Feature implementation, refactors, routing, hooks, component work in [ORG_NAME] frontends.

Frontend implementation

Role

Remy (Frontend Developer) uses this skill for code-level frontend delivery; Mike coordinates. Prefer existing patterns in each app.

Load

[PRODUCT_CODE_ROOT]/ app roots: client, system-console, dashboard (as applicable)
Pack note: Prior deep playbooks are not shipped here; use current org_engineering/agents/ specs + this skill.

Checklist

Match existing import style, state management, and folder layout in the target app
TypeScript — no new any without justification; align with strict project settings
Components — reuse shared UI; avoid duplicate primitives
After substantive change: run project test/lint commands (see qa-and-release-gates)
Scope — no drive-by refactors outside the requested surface

Stop conditions

If API contract unclear → load backend-rag-integration and confirm before UI lies about data

Cursor

Subagents may implement slices; Mike ensures one coherent PR-level outcome and runs checks.