← 返回 Skills 市场
MindStudio Interface Designer Skill
作者
Sol Farahmand
· GitHub ↗
· v1.0.0
· MIT-0
153
总下载
1
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install mindstudio-interface-designer-skill
功能描述
Master frontend skill for MindStudio Interface Designer. Use this skill for every UI/UX request including creating, designing, building, improving, reviewing...
安全使用建议
This is an instruction-only skill designed to run inside a MindStudio + Claude Code environment. Before installing, confirm you have the MindStudio local tunnel and the project-provided './bridge' module that implements submit() and useIsRunning(); the skill expects that bridge and will import from it but does not supply it. There are no requested secrets or external endpoints in the SKILL.md, but you should: 1) review the bridge implementation in your project to ensure submit() behaves as expected and does not forward data externally, 2) test generated components in a safe/dev workspace (especially if collecting sensitive user data), and 3) confirm the variable naming the skill enforces matches your downstream workflow to avoid accidental data leakage or mis-wiring. Minor metadata inconsistencies (skill.json version vs registry metadata) are likely benign but worth noting.
功能分析
Type: OpenClaw Skill
Name: mindstudio-interface-designer-skill
Version: 1.0.0
The mindstudio-interface-designer-skill bundle is a comprehensive and professional set of instructions for an AI agent to build React-based user interfaces for the MindStudio platform. It focuses on UI/UX best practices, accessibility (WCAG AA), and performance optimization, while providing strict technical guidance on using the platform's workflow bridge (./bridge). There are no indicators of data exfiltration, malicious execution, or harmful prompt injection; the instructions are entirely aligned with the stated purpose of frontend development and workflow integration.
能力评估
Purpose & Capability
The name/description (MindStudio Interface Designer, React UI builder) matches the SKILL.md instructions: interviewing the user, mapping inputs to MindStudio variables, and producing React components that call submit()/useIsRunning() from './bridge'. Required capabilities (bridge wiring, variable mapping, aesthetic guidance) align with the stated purpose.
Instruction Scope
The runtime instructions stay within UI/UX/bridge wiring scope: discovery questions, variable naming, component structure, and patterns for submitting workflow variables. The instructions do not ask the agent to read system files, environment variables, or send data to external endpoints outside the MindStudio workflow. They explicitly require wiring via './bridge' which is expected in the MindStudio environment.
Install Mechanism
The skill is instruction-only and has no install spec (low risk). Note: skill.json lists './bridge' in requiredFiles but no bridge file is included in this package — this is expected because the bridge is provided by the user's MindStudio project/environment, but you should verify that the runtime bridge implementation in your project matches the patterns the skill expects.
Credentials
The skill requests no environment variables or credentials. It operates entirely on user-provided design inputs and MindStudio workflow variables, which is proportionate to its purpose.
Persistence & Privilege
Flags show normal privileges (always: false, user-invocable: true, agent can invoke autonomously). The skill does not request persistent system presence or attempt to modify other skills or system-wide settings.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install mindstudio-interface-designer-skill - 安装完成后，直接呼叫该 Skill 的名称或使用
/mindstudio-interface-designer-skill触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
Initial release of MindStudio Interface Designer – Master Frontend Skill:
- Governs all UI/UX tasks for MindStudio via Claude Code and ensures production-level interfaces.
- Mandates a structured discovery phase: always interview users first to clarify purpose, audience, tone, constraints, and precise variable mapping.
- Adopts a bold, intentional aesthetic direction from a curated set of design archetypes; generic design is discouraged.
- Standardizes variable wiring and documentation to ensure seamless MindStudio workflow integration.
- Requires clear design plans, rationale, and continuous user check-ins before code delivery.
元数据
常见问题
MindStudio Interface Designer Skill 是什么？
Master frontend skill for MindStudio Interface Designer. Use this skill for every UI/UX request including creating, designing, building, improving, reviewing... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 153 次。
如何安装 MindStudio Interface Designer Skill？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install mindstudio-interface-designer-skill」即可一键安装，无需额外配置。
MindStudio Interface Designer Skill 是免费的吗？
是的，MindStudio Interface Designer Skill 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
MindStudio Interface Designer Skill 支持哪些平台？
MindStudio Interface Designer Skill 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 MindStudio Interface Designer Skill？
由 Sol Farahmand（@sol1986）开发并维护，当前版本 v1.0.0。
推荐 Skills