Frontend Blueprint

作者 tech-leads-club120b67676388CC-BY-4.0收錄於 2026年10月8日更新於 2026年10月8日

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design tokens, typography, icons, layout preferences, and brand guidelines to ensure the final output matches the user's vision with high fidelity. Use when the user asks to build, design, create, or improve any frontend interface — websites, landing pages, dashboards, components, apps, emails, forms, modals, or any UI element. Also triggers on "build me a UI", "design a page", "create a component", "improve this layout", "make this look better", "frontend", "interface", "redesign", or when the user provides mockups, screenshots, or design references. Do NOT use for backend logic, API design, database schemas, or non-visual code tasks.

僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。

路徑大小類型
references/collection-guide.md7.5 KBtext/markdown
references/design-principles.md11.4 KBtext/markdown
references/stitch-integration.md24.5 KBtext/markdown
SKILL.md20.8 KBtext/markdown

來源與署名

來源:tech-leads-club/agent-skills位於packages/skills-catalog/skills/(architecture)/frontend-blueprint提交120b676

授權條款: CC-BY-4.0

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架