Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

handoff-and-refactor

Sterne2

Forks0

Aktualisiert2. Juni 2026 um 19:36

Use after design or implementation to package handoff notes, refactor UI code, split god components, document tokens, and prepare maintainable frontend deliverables.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

Eldergenix

Eldergenix/Codex-Design

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

Web- und digitale SchnittstellendesignerInformatik- und Mathematikberufe·SOC 15-1255

SKILL.md

readonly

name	handoff-and-refactor
description	Use after design or implementation to package handoff notes, refactor UI code, split god components, document tokens, and prepare maintainable frontend deliverables.

Handoff and Refactor

Use this skill after design implementation or when an interface needs production hardening.

Handoff package

Include only useful handoff material:

Files changed.
Components created or modified.
Tokens added or updated.
State coverage.
Accessibility considerations.
Verification run.
Known caveats.
Next steps.

Refactor triggers

Refactor when:

A file approaches 1000 lines.
A component has unrelated responsibilities.
Class strings are repeatedly duplicated.
Surface/radius/spacing decisions are hard-coded repeatedly.
Theme values diverge between light and dark.
State handling is interleaved with visual primitives.

Refactor shape

Separate:

tokens or CSS variables.
Primitive UI components.
Product components.
Screen composition.
Hooks and data access.
Test fixtures or sample data.

Completion note

Keep final notes concise. State what changed, where to review it, what was verified, and what remains uncertain.

Mehr aus diesem Repository

gleiches Repository

codex-design-core

Eldergenix/Codex-Design

Use for product design, UI/UX, branding, high-fidelity web/mobile/desktop interfaces, HTML prototypes, design systems, frontend implementation, and design quality work.

2026-06-022

design-system-tokens

Eldergenix/Codex-Design

Use to create, repair, or enforce design tokens, semantic surfaces, light/dark themes, spacing, radius, typography, component variants, and reusable UI primitives.

2026-06-022

empty-states-and-ai-streaming

Eldergenix/Codex-Design

Use for empty states, no-data UI, AI output streaming, thinking steps, loading states, skeletons, progressive disclosure, and conversational product surfaces.

2026-06-022

mobile-app-ui-implementation

Eldergenix/Codex-Design

Use for React Native, Expo SDK 56, NativeWind, iOS/Android UI, mobile UX flows, touch targets, safe areas, and mobile design-system implementation.

2026-06-022

motion-and-microinteractions

Eldergenix/Codex-Design

Use for interaction design, animations, progressive blur, animated borders, liquid metal accents, transitions, gesture feedback, and motion quality review.

2026-06-022

product-design-discovery

Eldergenix/Codex-Design

Use before major product, UI/UX, branding, or prototype work to clarify goals, audience, constraints, design system, variations, and deliverables.

2026-06-022

name	handoff-and-refactor
description	Use after design or implementation to package handoff notes, refactor UI code, split god components, document tokens, and prepare maintainable frontend deliverables.

Handoff and Refactor

Use this skill after design implementation or when an interface needs production hardening.

Handoff package

Include only useful handoff material:

Files changed.
Components created or modified.
Tokens added or updated.
State coverage.
Accessibility considerations.
Verification run.
Known caveats.
Next steps.

Refactor triggers

Refactor when:

A file approaches 1000 lines.
A component has unrelated responsibilities.
Class strings are repeatedly duplicated.
Surface/radius/spacing decisions are hard-coded repeatedly.
Theme values diverge between light and dark.
State handling is interleaved with visual primitives.

Refactor shape

Separate:

tokens or CSS variables.
Primitive UI components.
Product components.
Screen composition.
Hooks and data access.
Test fixtures or sample data.

Completion note

Keep final notes concise. State what changed, where to review it, what was verified, and what remains uncertain.