source-faithful-dify-prototypelisted

# Source-Faithful Dify Prototype ## Purpose Use this skill to create or update Dify prototype screens in: ```text /Users/x/git/lg/dify-prototype ``` The goal is not generic UI design. The goal is to build Dify prototypes that are either: - **Existing Screen Clone**: source-faithful versions of existing Dify pages. - **New Feature Prototype**: Dify-native prototypes for proposed features using Dify source patterns. Existing screens should match Dify as closely as practical. New features should not claim official fidelity when Dify has no page yet; they must still use Dify components, tokens, layout patterns, and interaction language. ## Required Start Before creating or updating a screen: ```bash cd /Users/x/git/lg/dify-prototype pnpm sync:dify ``` Do not assume a local Dify repo. Do not add sync flags or alternate sync modes unless the user explicitly asks. Read `.dify-source.json` after sync and remember the upstream commit for the final report. ## Source Lookup Find the nearest Dify source before implementing. Common mappings: - Login / sign-in: `dify-source/web/app/signin` - Header / main nav: `dify-source/web/app/components/header` - Sidebar shells: `dify-source/web/app/components/app-sidebar` - Studio / apps list: `dify-source/web/app/components/apps` - App detail / app surfaces: `dify-source/web/app/components/app` - Knowledge list: `dify-source/web/app/components/datasets/list` - Knowledge creation: `dify-source/web/app/components/datasets/create` - Data