Back to Details

crm-builder

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

CRM Builder Skill

CRM Builder Skill

What This Skill Does

本Skill的功能

This skill defines how to build a CRM tool — a system for managing contacts, companies, deals, and the relationships between them.
CRM is structurally different from CPQ and trades-builder:
  • CPQ / Trades = one record moves through sequential stages (stepper navigation)
  • CRM = multiple entity types with relationships between them (entity navigation)
The left sidebar uses a navigator pattern (Contacts, Companies, Deals, Pipeline, Activities) — NOT a stepper. Users switch between entity views, not sequential stages.
Common verticals: sales teams, consulting firms, agencies, professional services, real estate, recruiting, B2B services, any business that tracks relationships and deals.
The builder reads this skill, reads the DOMAIN.md for the specific business terminology and pipeline stages, and generates a working prototype with the customer's actual entities, fields, and workflow.
本Skill定义了如何构建CRM工具——一个用于管理联系人、公司、交易及其相互关系的系统。
CRM在结构上与CPQ和trades-builder不同：
  • CPQ / Trades = 单个记录按顺序阶段流转（步骤式导航）
  • CRM = 多种实体类型，彼此间存在关联（实体式导航）
左侧侧边栏采用导航器模式（联系人、公司、交易、管道、活动）——而非步骤式。用户在不同实体视图间切换，而非按顺序阶段推进。
常见适用领域：销售团队、咨询公司、代理机构、专业服务、房地产、招聘、B2B服务，以及任何需要跟踪关系和交易的企业。
构建器会读取此Skill，以及包含特定业务术语和管道阶段的DOMAIN.md，生成一个包含客户实际实体、字段和工作流的可运行原型。

When to Use This Skill

何时使用本Skill

Use this skill when the transcript or DOMAIN.md contains these signals:
SignalExamples
Contact/people tracking"customer data is everywhere," "can't find who we talked to," "contacts in spreadsheets"
Sales pipeline"deals," "opportunities," "pipeline," "stages," "won/lost"
Follow-up tracking"follow-ups fall through the cracks," "no one knows who called last"
Relationship management"referrals," "who knows who," "account management"
Lead management"leads from website," "inbound inquiries," "lead source tracking"
Do NOT use this skill for:
  • Product configuration with pricing → use cpq-builder
  • Construction/trades project tracking → use trades-builder
  • Inventory and stock management → use erp-builder (future)
当对话记录或DOMAIN.md包含以下信号时，使用本Skill：
信号示例
联系人/人员跟踪"客户数据分散各处"、"找不到与谁沟通过"、"联系人存于电子表格中"
销售管道"交易"、"机会"、"管道"、"阶段"、"成交/流失"
跟进跟踪"跟进工作遗漏"、"无人知晓上次是谁致电"
关系管理"推荐"、"谁认识谁"、"客户账户管理"
线索管理"网站线索"、"入站咨询"、"线索来源跟踪"
请勿将本Skill用于：
  • 带定价的产品配置 → 使用cpq-builder
  • 建筑/行业项目跟踪 → 使用trades-builder
  • 库存管理 → 使用erp-builder（未来版本）

Section Definitions

板块定义

The CRM tool has FIVE sections. Unlike CPQ/trades-builder, these are NOT sequential stages — they are parallel entity views. Users navigate between them freely.
CRM工具包含五个板块。与CPQ/trades-builder不同，这些板块并非顺序阶段——它们是并行的实体视图。用户可自由在其间导航。

Section 1: Pipeline

板块1：管道

What it does: Visual board view of deals moving through stages.
Display:
  • Kanban-style columns, one per pipeline stage from DOMAIN.md
  • If DOMAIN.md does not define stages, use: Lead → Qualified → Proposal → Negotiation → Closed Won / Closed Lost
  • Each deal card shows: deal name, company, value, assigned to, days in stage
  • Drag-and-drop between columns (or click to move stage)
  • "Add deal" button on each column
  • Filter by assigned person, date range, or deal value
If no pipeline stages exist in DOMAIN.md, use the defaults above. The customer refines them after seeing the prototype.
功能：以可视化看板视图展示交易在各阶段间的流转。
展示方式：
  • 看板风格的列，每列对应DOMAIN.md中的一个管道阶段
  • 如果DOMAIN.md未定义阶段，使用默认值：线索 → 已合格 → 已提案 → 谈判中 → 成交 / 流失
  • 每个交易卡片显示：交易名称、公司、金额、负责人、所处阶段时长
  • 可在列间拖拽（或点击移动阶段）
  • 每列都有"添加交易"按钮
  • 可按负责人、日期范围或交易金额筛选
若DOMAIN.md中无管道阶段定义，使用上述默认值。客户可在查看原型后进行细化。

Section 2: Contacts

板块2：联系人

What it does: List/detail view of people.
List view:
  • Table or card grid of contacts
  • Columns: name, email, phone, company, last activity, tags
  • Search and filter
  • "Add contact" button
Detail view (clicking a contact):
  • Contact card: name, email, phone, company (linked), role/title, source, notes
  • Activity timeline below: calls, emails, meetings, notes — most recent first
  • Linked deals: list of deals associated with this contact
  • "Log activity" button: quick-add a call, email, meeting, or note with date and description
Fields from DOMAIN.md:
  • Entity Registry → Contact entity fields become the contact card fields
  • Terminology Glossary → exact field names and labels
  • If DOMAIN.md doesn't define contact fields, use: name, email, phone, company, role, source, notes
功能：人员的列表/详情视图。
列表视图：
  • 联系人的表格或卡片网格
  • 列：姓名、邮箱、电话、公司、最后活动时间、标签
  • 搜索和筛选功能
  • "添加联系人"按钮
详情视图（点击联系人）：
  • 联系卡片：姓名、邮箱、电话、公司（可链接）、职位/头衔、来源、备注
  • 下方活动时间线：通话、邮件、会议、备注——按最新优先排序
  • 关联交易：与该联系人相关的交易列表
  • "记录活动"按钮：快速添加通话、邮件、会议或备注，包含日期和描述
来自DOMAIN.md的字段：
  • 实体注册表 → 联系人实体字段将成为联系卡片的字段
  • 术语词汇表 → 精确的字段名和标签
  • 若DOMAIN.md未定义联系人字段，使用默认值：姓名、邮箱、电话、公司、职位、来源、备注

Section 3: Companies

板块3：公司

What it does: List/detail view of organizations.
List view:
  • Table of companies
  • Columns: company name, industry, contacts count, deals count, total deal value
  • Search and filter
  • "Add company" button
Detail view (clicking a company):
  • Company card: name, industry, size, website, address, notes
  • Contacts tab: list of people linked to this company
  • Deals tab: list of deals linked to this company
  • Activity timeline: aggregated from all contacts at this company
Fields from DOMAIN.md:
  • Entity Registry → Company/Account entity fields
  • If not defined: name, industry, size, website, address, notes
功能：组织的列表/详情视图。
列表视图：
  • 公司表格
  • 列：公司名称、行业、联系人数量、交易数量、总交易金额
  • 搜索和筛选功能
  • "添加公司"按钮
详情视图（点击公司）：
  • 公司卡片：名称、行业、规模、网站、地址、备注
  • 联系人标签页：与该公司关联的人员列表
  • 交易标签页：与该公司关联的交易列表
  • 活动时间线：汇总该公司所有联系人的活动
来自DOMAIN.md的字段：
  • 实体注册表 → 公司/账户实体字段
  • 若未定义，使用默认值：名称、行业、规模、网站、地址、备注

Section 4: Deals

板块4：交易

What it does: List/detail view of deals/opportunities.
List view:
  • Table of deals
  • Columns: deal name, company, contact, value, stage (badge), close date, assigned to
  • Sort by value, stage, close date
  • Filter by stage, assigned person
  • "Add deal" button
Detail view (clicking a deal):
  • Deal card: name, value, stage (selectable dropdown), expected close date, probability, assigned to
  • Linked contact and company (clickable links)
  • Activity timeline specific to this deal
  • Notes section
  • "Mark as Won" / "Mark as Lost" action buttons when in final stages
Stage progression:
  • Deal stage is a 
    Select
    dropdown populated from DOMAIN.md pipeline stages
  • Changing the stage updates the Pipeline board view automatically
  • Won/Lost are terminal stages — show win/loss reason field when selected
功能：交易/机会的列表/详情视图。
列表视图：
  • 交易表格
  • 列：交易名称、公司、联系人、金额、阶段（徽章）、预计成交日期、负责人
  • 可按金额、阶段、预计成交日期排序
  • 可按阶段、负责人筛选
  • "添加交易"按钮
详情视图（点击交易）：
  • 交易卡片：名称、金额、阶段（可选择下拉框）、预计成交日期、成交概率、负责人
  • 关联联系人和公司（可点击链接）
  • 该交易专属的活动时间线
  • 备注区域
  • 处于最终阶段时，显示"标记为成交" / "标记为流失"操作按钮
阶段推进：
  • 交易阶段是从DOMAIN.md管道阶段填充的
    Select
    下拉框
  • 更改阶段会自动更新管道看板视图
  • 成交/流失为终端阶段——选中时显示成交/流失原因字段

Section 5: Activities

板块5：活动

What it does: Chronological feed of all activities across the CRM.
Display:
  • Timeline/feed view, most recent first
  • Each activity shows: type icon (call/email/meeting/note), description, linked contact, linked deal, date, logged by
  • Filter by activity type, date range, person
  • "Log activity" button at top
Activity types: Call, Email, Meeting, Note, Task. Use icons to distinguish.
  • If DOMAIN.md defines different activity types, use those instead.
功能：CRM中所有活动的时间顺序信息流。
展示方式：
  • 时间线/信息流视图，按最新优先排序
  • 每个活动显示：类型图标（通话/邮件/会议/备注）、描述、关联联系人、关联交易、日期、记录人
  • 可按活动类型、日期范围、人员筛选
  • 顶部有"记录活动"按钮
活动类型：通话、邮件、会议、备注、任务。使用图标区分。
  • 若DOMAIN.md定义了不同的活动类型，则使用这些类型。

Layout Pattern

布局模式

The CRM tool uses a two-panel layout (left sidebar + main content) by default. A right sidebar appears contextually when viewing a record detail.
This is NOT a stepper layout. The left sidebar is entity navigation, not sequential stages.
CRM工具默认采用双面板布局（左侧侧边栏 + 主内容区）。查看记录详情时，会上下文显示右侧侧边栏。
这并非步骤式布局。左侧侧边栏是实体导航，而非顺序阶段。

Left sidebar (always visible, collapsible)

左侧侧边栏（始终可见，可折叠）

This content goes INTO the template's existing sidebar slot — it REPLACES the template's default navigation. One left sidebar total.
Sidebar heading: Use a contextual label like "CRM" or the business name + "CRM" — not a workflow description.
ComponentContent
Entity navigationA VERTICAL nav list of the five sections: Pipeline, Contacts, Companies, Deals, Activities. Each nav item shows: icon, label, and record count badge. Clicking navigates to that entity's view. This is a navigator, NOT a stepper — no step numbers, no completion states, no sequential flow.
Quick filtersBelow the nav, show saved filters or views if the user creates them. E.g., "My deals," "Hot leads," "This week's follow-ups."
Recent recordsBelow filters, show the 3-5 most recently accessed records (any entity type) for quick navigation. Each shows name and entity type badge.
此内容将放入模板现有的侧边栏插槽——替换模板的默认导航。仅保留一个左侧侧边栏。
侧边栏标题：使用上下文标签，如"CRM"或企业名称+"CRM"——而非工作流描述。
组件内容
实体导航五个板块的垂直导航列表：管道、联系人、公司、交易、活动。每个导航项显示：图标、标签、记录数量徽章。点击可导航至对应实体视图。这是导航器，而非步骤式——无步骤编号、无完成状态、无顺序流程。
快速筛选导航下方显示用户创建的已保存筛选器或视图。例如，"我的交易"、"热门线索"、"本周跟进"。
最近记录筛选器下方显示3-5个最近访问的记录（任何实体类型），便于快速导航。每个记录显示名称和实体类型徽章。

Main content (center — changes per section)

主内容区（中间——随所选板块变化）

The active section renders based on the selected nav item. Only one section visible at a time.
tsx
{activeSection === "pipeline" && <PipelineView />}
{activeSection === "contacts" && <ContactsView />}
{activeSection === "companies" && <CompaniesView />}
{activeSection === "deals" && <DealsView />}
{activeSection === "activities" && <ActivitiesView />}
List/detail pattern within each section:
  • Default: list view (table or card grid)
  • Click a record: detail view with full card, activity timeline, linked records
  • "Back to list" button or breadcrumb to return
  • This is a standard Salesforce/HubSpot pattern
根据选中的导航项渲染活动板块。同一时间仅显示一个板块。
tsx
{activeSection === "pipeline" && <PipelineView />}
{activeSection === "contacts" && <ContactsView />}
{activeSection === "companies" && <CompaniesView />}
{activeSection === "deals" && <DealsView />}
{activeSection === "activities" && <ActivitiesView />}
各板块内的列表/详情模式：
  • 默认：列表视图（表格或卡片网格）
  • 点击记录：显示完整卡片、活动时间线、关联记录的详情视图
  • "返回列表"按钮或面包屑导航可返回列表
  • 这是Salesforce/HubSpot的标准模式

Right sidebar (contextual — appears on detail views)

右侧侧边栏（上下文式——在详情视图中显示）

When viewing a record detail (contact, company, or deal), a right sidebar can show:
  • Quick summary — key fields at a glance
  • Linked records — related contacts, deals, or companies
  • Upcoming activities — next scheduled call/meeting
This sidebar is optional for the prototype. If the main content area has enough space, the detail view can be single-panel. Add the right sidebar only if the record detail benefits from simultaneous context.
查看记录详情（联系人、公司或交易）时，右侧侧边栏可显示：
  • 快速摘要——一目了然的关键字段
  • 关联记录——相关联系人、交易或公司
  • 即将开展的活动——下一个预定通话/会议
此侧边栏对于原型是可选的。如果主内容区空间足够，详情视图可采用单面板布局。仅当记录详情能从同时显示的上下文中获益时，才添加右侧侧边栏。

RBAC behavior

RBAC行为

  • Seed localStorage with roles from DOMAIN.md User Roles or Stakeholder Map.
  • Role switcher is a single 
    DropdownMenu
    dropdown in the header bar    .
  • Assignment filtering: When a role is active, optionally filter pipeline and deal views to show only records assigned to that person.
  • Activity attribution: Activities logged should be attributed to the active role.
  • CRM typically has fewer hard permission gates than CPQ — most users can see everything but own their assigned records.
  • 从DOMAIN.md用户角色或利益相关者地图中获取角色，存入localStorage。
  • 角色切换器是顶部导航栏中的单个
    DropdownMenu
    下拉菜单    。
  • 分配筛选：激活角色时，可选择性地筛选管道和交易视图，仅显示分配给该人员的记录。
  • 活动归属：记录的活动应归属当前激活的角色。
  • CRM通常比CPQ的权限限制更少——大多数用户可查看所有内容，但仅拥有分配给自己的记录。

Price/value visibility

价格/金额可见性

  • Show deal values on Pipeline cards, Deal list, and Deal detail.
  • Show total pipeline value per stage at the top of the Pipeline view.
  • Use the currency from DOMAIN.md.
  • Format: "$25,000" or "$25,000 CAD" depending on DOMAIN.md.
  • 在管道卡片、交易列表和交易详情中显示交易金额。
  • 在管道视图顶部显示每个阶段的总管道金额。
  • 使用DOMAIN.md中的货币。
  • 格式："$25,000"或"$25,000 CAD"，取决于DOMAIN.md的定义。

shadcn/ui component mapping

shadcn/ui组件映射

CRM Elementshadcn ComponentUsage Notes
Entity nav items
Button variant="ghost"
in vertical stack		Active item gets accent background. Icon + label + count badge.
Pipeline columns
Card
per stage, 
ScrollArea
if many deals		Column header shows stage name + deal count + total value.
Deal cards (pipeline)
Card
with 
CardContent
Compact: deal name, company, value, assigned avatar.
Contact/Company list
Table
Sortable columns, search input above.
Record detail card
Card
with sections		Full-width, divided into sections with 
Separator
.
Activity timelineCustom list with iconsEach item: type icon, description, date, linked record. Use 
Avatar
for person.
Stage badges
Badge
Color-coded by stage: lead=gray, qualified=blue, proposal=amber, negotiation=purple, won=green, lost=red.
Deal value
text-lg font-semibold
Prominent on cards and detail views.
Assignment dropdowns
Select
Populated from DOMAIN.md stakeholder names. NOT free text.
Activity type selector
Select
or 
RadioGroup
Call, Email, Meeting, Note, Task.
Search inputs
Input
with search icon		At top of every list view.
Action buttons
Button
Primary: "Add contact," "Log activity." Destructive: "Delete," "Mark as Lost."
Linked record chips
Badge variant="outline"
Clickable — navigates to the linked record.
Quick add forms
Dialog
or inline form		Modal for adding a contact/deal quickly without leaving the current view.
Empty states
Card
with centered text + action		"No contacts yet. Add your first contact."
Confirmation dialogs
AlertDialog
Delete record, mark deal as lost.
Toast notifications
Sonner
/ 
toast()
After create, update, delete, log activity.
CRM元素shadcn组件使用说明
实体导航项垂直堆叠的
Button variant="ghost"
激活项使用强调色背景。图标 + 标签 + 数量徽章。
管道列每个阶段对应一个
Card
，交易较多时使用
ScrollArea
列标题显示阶段名称 + 交易数量 + 总金额。
管道中的交易卡片带
CardContent
的
Card
紧凑布局：交易名称、公司、金额、负责人头像。
联系人/公司列表
Table
可排序列，上方有搜索输入框。
记录详情卡片带分区的
Card
全宽，使用
Separator
分隔各部分。
活动时间线带图标的自定义列表每个项：类型图标、描述、日期、关联记录。使用
Avatar
显示人员。
阶段徽章
Badge
按阶段颜色编码：线索=灰色，已合格=蓝色，已提案=琥珀色，谈判中=紫色，成交=绿色，流失=红色。
交易金额
text-lg font-semibold
在卡片和详情视图中突出显示。
分配下拉框
Select
从DOMAIN.md利益相关者名称中填充。不支持自由文本。
活动类型选择器
Select
或
RadioGroup
通话、邮件、会议、备注、任务。
搜索输入框带搜索图标的
Input
每个列表视图顶部都有。
操作按钮
Button
主按钮："添加联系人"、"记录活动"。破坏性按钮："删除"、"标记为流失"。
关联记录芯片
Badge variant="outline"
可点击——导航至关联记录。
快速添加表单
Dialog
或内联表单		模态框用于快速添加联系人/交易，无需离开当前视图。
空状态带居中文字 + 操作的
Card
"暂无联系人。添加您的第一个联系人。"
确认对话框
AlertDialog
删除记录、标记交易为流失时使用。
提示通知
Sonner
/ 
toast()
创建、更新、删除、记录活动后显示。

Deterministic Mapping Rules

确定性映射规则

Entity → CRM Record Mapping

实体 → CRM记录映射

DOMAIN.md entity patternMaps toIn section
Contact / Person / Lead / CustomerContact recordContacts
Company / Account / Organization / BusinessCompany recordCompanies
Deal / Opportunity / Sale / ProspectDeal recordDeals + Pipeline
Activity / Call / Meeting / Email / NoteActivity entryActivities + record timelines
Pipeline / Stage / StatusPipeline stage columnsPipeline
Referral / Source / Lead sourceSource field on Contact or DealContact/Deal detail
DOMAIN.md实体模式映射至所在板块
Contact / Person / Lead / Customer联系人记录联系人
Company / Account / Organization / Business公司记录公司
Deal / Opportunity / Sale / Prospect交易记录交易 + 管道
Activity / Call / Meeting / Email / Note活动条目活动 + 记录时间线
Pipeline / Stage / Status管道阶段列管道
Referral / Source / Lead source联系人或交易的来源字段联系人/交易详情

Relationship Mapping

关系映射

DOMAIN.md relationshipImplementation
Contact belongs to CompanyContact has a Company field (Select dropdown). Company detail shows linked contacts.
Deal has a ContactDeal has a Contact field (Select dropdown). Contact detail shows linked deals.
Deal has a CompanyDeal has a Company field (auto-populated from contact's company, editable).
Activity tied to Contact/DealActivity has Contact and Deal fields (Select dropdowns).
DOMAIN.md关系实现方式
联系人隶属于公司联系人有一个公司字段（下拉选择框）。公司详情显示关联联系人。
交易关联联系人交易有一个联系人字段（下拉选择框）。联系人详情显示关联交易。
交易关联公司交易有一个公司字段（从联系人的公司自动填充，可编辑）。
活动关联联系人/交易活动有联系人和交易字段（下拉选择框）。

Business Rule → Behavior Mapping

业务规则 → 行为映射

DOMAIN.md rule patternImplementation
"pipeline stages: X, Y, Z"Pipeline columns use those exact names
"only [role] can close deals"RBAC gate on "Mark as Won/Lost" buttons
"follow up within X days"Show overdue badge on contacts/deals without recent activity
"deals over $X need approval"Show approval requirement note on high-value deals
"referral source tracking"Source field on contacts with defined dropdown values
Currency/tax/termsDisplay on deal values and any invoicing views
DOMAIN.md规则模式实现方式
"pipeline stages: X, Y, Z"管道列使用这些精确名称
"仅[角色]可关闭交易""标记为成交/流失"按钮添加RBAC权限限制
"X天内跟进"对近期无活动的联系人/交易显示逾期徽章
"超过$X的交易需要审批"高价值交易显示审批要求说明
"推荐来源跟踪"联系人的来源字段使用定义好的下拉选项
货币/税费/条款在交易金额和任何发票视图中显示

Pipeline Stage Defaults

管道阶段默认值

If DOMAIN.md does not define pipeline stages, use these:
StageColorMeaning
LeadGrayNew unqualified inquiry
QualifiedBlueConfirmed as a real opportunity
ProposalAmberProposal or quote sent
NegotiationPurpleIn discussion, terms being worked out
Closed WonGreenDeal signed, revenue booked
Closed LostRedDeal did not close
These defaults can be overridden by DOMAIN.md state models.
若DOMAIN.md未定义管道阶段，使用以下默认值：
阶段颜色含义
Lead灰色新的未合格咨询
Qualified蓝色确认为真实机会
Proposal琥珀色已发送提案或报价
Negotiation紫色正在讨论，协商条款
Closed Won绿色交易已签署，收入已入账
Closed Lost红色交易未成交
这些默认值可被DOMAIN.md状态模型覆盖。

Key UX Patterns from Real CRMs

来自真实CRM的关键UX模式

These patterns are drawn from Salesforce, HubSpot, Pipedrive, and Freshsales. Follow them for a prototype that feels familiar to CRM users:
这些模式源自Salesforce、HubSpot、Pipedrive和Freshsales。遵循这些模式可让原型对CRM用户来说更熟悉：

1. Everything links to everything

1. 万物互联

Contacts link to companies. Deals link to contacts and companies. Activities link to contacts and deals. Every linked name is clickable — clicking navigates to that record's detail view.
联系人链接到公司。交易链接到联系人和公司。活动链接到联系人和交易。每个关联名称都可点击——点击可导航至对应记录的详情视图。

2. Activity timeline is the heartbeat

2. 活动时间线是核心

Every record (contact, company, deal) shows an activity timeline. The most recent interaction matters most. "When did we last talk to this person?" should be answerable at a glance.
每个记录（联系人、公司、交易）都显示活动时间线。最近的交互最为重要。"我们上次与此人沟通是什么时候？"应能一目了然地找到答案。

3. Pipeline is the home screen

3. 管道是首页

The Pipeline board view is the default landing page. Sales teams live here. Total pipeline value per stage is visible at the top.
管道看板视图是默认着陆页。销售团队主要在此工作。每个阶段的总管道金额显示在顶部。

4. Quick-add is everywhere

4. 快速添加无处不在

"Log a call" and "Add a deal" should be accessible from any view — either via a floating action button or a persistent "Quick add" in the header. Users shouldn't have to navigate away to log an interaction.
"记录通话"和"添加交易"应从任何视图都可访问——通过浮动操作按钮或顶部持久化的"快速添加"。用户无需导航离开即可记录交互。

5. Search is global

5. 全局搜索

One search bar that finds contacts, companies, and deals by name. Results grouped by entity type.
一个搜索栏可按名称查找联系人、公司和交易。结果按实体类型分组。

6. Empty states guide action

6. 空状态引导操作

When a section has no records, show a helpful empty state: "No deals yet. Add your first deal to start tracking your pipeline." Include a primary action button.
当板块无记录时，显示有用的空状态："暂无交易。添加您的第一笔交易开始跟踪管道。"包含一个主操作按钮。

Reference Files

参考文件

This skill expects these files to exist:
FilePurpose
DOMAIN.md
or 
.tasks/domain.md
Business terminology, entities, pipeline stages, roles, brand data
frontend-design/SKILL.md
Universal layout principles, brand theming, visual quality rules
The builder should read BOTH before writing any code.
本Skill依赖以下文件存在：
文件用途
DOMAIN.md
或 
.tasks/domain.md
业务术语、实体、管道阶段、角色、品牌数据
frontend-design/SKILL.md
通用布局原则、品牌主题、视觉质量规则
构建器在编写任何代码前应读取这两个文件。