# No Code

> Use when working with no-code platforms — drag-and-drop, visual builders, citizen developers

- Skill: `liaosw97/no-code` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/no-code`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/no-code/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/no-code

---


## 核心原则
- **零编程门槛**：通过拖拽和配置实现应用构建
- **快速交付**：大幅缩短从想法到产品的周期
- **组件可复用**：建立标准化的组件库和模板体系
- **扩展性保障**：支持插件和自定义组件扩展
- **多端适配**：一次构建，多端部署

## 技术栈
- **可视化构建**：拖拽式编辑器、属性面板、实时预览
- **逻辑编排**：流程图编辑器、触发器、条件分支
- **数据绑定**：表单设计器、API连接器、数据映射
- **模板市场**：预置模板、行业方案、社区贡献
- **部署平台**：云端托管、私有化部署、混合部署

## 最佳实践
1. **组件设计规范**
   - 定义清晰的组件属性和事件
   - 实现组件版本管理和升级
   - 建立组件文档和使用指南
   - 支持组件主题和样式定制

2. **交互编排设计**
   - 使用可视化流程图定义逻辑
   - 支持条件分支和循环结构
   - 实现异步操作和错误处理
   - 提供调试和日志追踪功能

3. **数据集成策略**
   - 提供丰富的连接器库（数据库、API、SaaS）
   - 支持数据转换和映射规则
   - 实现数据源权限管理
   - 建立数据缓存和同步机制

4. **扩展机制设计**
   - 支持自定义组件开发
   - 提供插件SDK和文档
   - 实现组件市场生态
   - 支持代码导出和二次开发

5. **多端适配方案**
   - 响应式布局自动适配
   - 支持移动端特定交互
   - 实现平台特性差异化
   - 统一的发布管理流程

## 关键约定
1. **组件规范**
   ```typescript
   interface Component {
     id: string;
     type: string;
     label: string;
     icon: string;
     properties: PropertySchema[];
     events: EventSchema[];
     slots: SlotSchema[];
   }
   ```

2. **页面结构**
   ```json
   {
     "page": {
       "id": "page-001",
       "type": "page",
       "children": [
         { "type": "header", "children": [...] },
         { "type": "section", "children": [...] }
       ]
     }
   }
   ```

3. **数据绑定语法**
   ```
   {{ data.source.field }}        // 数据绑定
   {{ action.result.value }}      // 动作结果
   {{ $env.VARIABLE }}            // 环境变量
   {{ $user.email }}              // 用户信息
   ```

4. **发布流程**
   - 开发环境 → 测试环境 → 生产环境
   - 版本号：语义化版本（semver）
   - 变更记录：自动生成

5. **性能要求**
   - 页面加载：< 3s
   - 组件渲染：< 100ms
   - 数据查询：< 2s
   - 保存操作：< 1s