技能 design-mobile-apps

📦

design-mobile-apps

Name: design-mobile-apps
Author: designed-by-ai

内容修订 r1 高风险 ⚙️ 外部命令🌐 网络访问📁 文件系统访问🔑 环境变量

Design and Implement Mobile App Interfaces

Mobile app concepts often lack a coherent visual direction and implementation-ready details. This skill generates, reviews, and translates Sleek screens into working interfaces.

支持: Claude Codex Code(CC)

⚠️ 38 差

安装前请停下并请求确认。

请审查安装计划，并在更改文件前获得用户明确同意。

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "design-mobile-apps" from https://skillstore.io/skills/designed-by-ai-design-mobile-apps.md and its manifest at https://skillstore.io/api/skills/designed-by-ai-design-mobile-apps/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/designed-by-ai-design-mobile-apps.md 已签名 manifest GET /api/skills/designed-by-ai-design-mobile-apps/manifest 已签名 lockfile GET /api/skills/designed-by-ai-design-mobile-apps/lockfile

测试它

正在使用“design-mobile-apps”。 Design an onboarding flow for a personal budgeting application.

预期结果:

Created a project with welcome, goals, account connection, and completion screens.
Applied a calm financial style with clear progress and restrained color.
Presented viewport screenshots and reviewed full-height captures.

正在使用“design-mobile-apps”。 Make the existing activity screen easier to scan during workouts.

预期结果:

Updated the targeted screen with stronger hierarchy, larger metrics, clearer controls, and preserved navigation. Presented the revised screenshot for review.

正在使用“design-mobile-apps”。 Implement the approved profile screen in React Native.

预期结果:

Retrieved the active component version and visual reference. Recreated the structure, typography, icons, imagery, and navigation for React Native.

安全审计

高风险

v8 • 2026/9/8 打开版本化报告

Most static alerts are false positives caused by Markdown backticks, placeholder credentials, example URLs, and API documentation rather than executable shell syntax. The skill has intentional network access, while semantic review found unsafe conversational key handling, an inaccurate host boundary, and unvalidated external HTML.

已扫描文件

565

分析行数

复核项

已忽略误报

已确认安全问题 (3)

高

SKILL.md:35

API Key Requested in Agent Conversation

The fallback explicitly asks the user to paste a newly created API key into the agent conversation, exposing the secret to model context and logs.

Line 35 directly instructs the user to paste the full key back to the agent, and states that the value is shown only once.

中

SKILL.md:7 SKILL.md:56 SKILL.md:184-192

Undeclared Third-Party Network Access

The skill declares only sleek.design and claims no third-party traffic, but later directs SVG downloads from api.iconify.design.

The allowlist and privacy claim are explicit, while lines 184 through 192 explicitly require network access to a different host.

中

SKILL.md:164 SKILL.md:280

Externally Generated HTML Used Without Validation

The skill instructs agents to save complete externally generated HTML directly and notes that default output imports a remote script.

The source explicitly identifies complete HTML and remote script loading, with no sanitization or inspection requirement before local use.

能力复核项 (8)

这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。

低

SKILL.md:12

Hardcoded URL

[![Design mobile apps in minutes](https://raw.githubusercontent.com/sleekdotdesign/agent-skills/main

The Markdown embeds an image from raw.githubusercontent.com, so a renderer may contact an undeclared host and disclose request metadata.

低

SKILL.md:16

Hardcoded URL

[sleek.design](https://sleek.design) is an AI-powered mobile app design tool. You interact with it v

This line directs the agent to exchange user design content with the external Sleek REST service. The network use is intentional but security-relevant.

低

SKILL.md:18

Hardcoded URL

**Base URL**: `https://sleek.design`

This URL is the configured destination for authenticated API traffic. It is expected vendor access, but it creates a real external data boundary.

低

SKILL.md:23

Hardcoded URL

**API docs**: OpenAPI spec at `https://sleek.design/api/v1/spec.json`; browsable docs at `https://sl

The instruction explicitly tells the agent to fetch an external OpenAPI specification. This is intentional network access to the declared Sleek host.

低

SKILL.md:31

Hardcoded URL

1. `POST https://sleek.design/api/v1/device/start` (no auth) with body `{"source": "your-tool-slug"}

The device authorization flow starts with an unauthenticated request to Sleek. The endpoint is expected, but the outbound request is real.

低

SKILL.md:33

Hardcoded URL

3. Poll `POST https://sleek.design/api/v1/device/poll` with `{"deviceCode": "..."}` every `interval`

The agent is instructed to poll Sleek with a secret device code. This is legitimate authentication traffic but remains security-sensitive network use.

低

SKILL.md:187

Hardcoded URL

GET https://api.iconify.design/{prefix}/{name}.svg

The skill explicitly directs the agent to download SVG content from api.iconify.design, a host absent from the declared allowlist.

低

SKILL.md:190

Hardcoded URL

Example: `https://api.iconify.design/solar/heart-bold.svg`

This concrete Iconify URL supports the preceding instruction to download remote SVG assets from an undeclared third-party host.

风险因素

⚙️ 外部命令 (50)

🌐 网络访问 (16)

SKILL.md:4 SKILL.md:7 SKILL.md:12 SKILL.md:16 SKILL.md:18 SKILL.md:23 SKILL.md:31 SKILL.md:33 SKILL.md:35 SKILL.md:56 SKILL.md:87 SKILL.md:177 SKILL.md:187 SKILL.md:190 SKILL.md:338 SKILL.md:362

📁 文件系统访问 (1)

SKILL.md:338

🔑 环境变量 (14)

SKILL.md:4 SKILL.md:6 SKILL.md:19 SKILL.md:29 SKILL.md:33 SKILL.md:230 SKILL.md:254 SKILL.md:277 SKILL.md:314 SKILL.md:327 SKILL.md:355 SKILL.md:431 SKILL.md:455 SKILL.md:468

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/designed-by-ai-design-mobile-apps/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/designed-by-ai-design-mobile-apps/security.svg)](https://skillstore.io/skills/designed-by-ai-design-mobile-apps?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/designed-by-ai-design-mobile-apps?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/designed-by-ai-design-mobile-apps/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/designed-by-ai-design-mobile-apps.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

designed-by-ai. (2026). design-mobile-apps security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/designed-by-ai-design-mobile-apps/audits/8

BibTeX 引用

@techreport{designed-by-ai-designed-by-ai-design-mobile-apps-2026,
  author = {designed-by-ai},
  title = {design-mobile-apps security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/designed-by-ai-design-mobile-apps/audits/8},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "design-mobile-apps security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
  - name: "designed-by-ai"
date-released: "2026-09-08"
url: "https://skillstore.io/skills/designed-by-ai-design-mobile-apps/audits/8"
identifiers:
  - type: other
    value: "skillstore:designed-by-ai-design-mobile-apps:audit:8"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 中

架构

可维护性

内容

社区

规范符合性

你能构建什么

Explore a New Product

Turn a product brief into coordinated mobile screens with a defined visual direction.

Review Interface Variations

Create separate design directions, compare screenshots, and refine the selected option.

Implement Approved Screens

Retrieve component HTML and screenshots as references for a native application implementation.

试试这些提示

Create a First Screen

Create a mobile welcome screen for [product]. Include [content] and use a [mood] visual direction.

Design a Core Flow

Design the [flow] for [audience]. Include [screens], preserve [brand requirements], and show screenshots of every generated screen.

Refine an Existing Screen

Update screen [screen name] in project [project]. Improve [specific issue] while preserving [elements]. Review the full-height result before reporting completion.

Implement a Native Interface

Implement the approved screens in [framework]. Fetch active component HTML, preserve exact icons and fonts, then verify navigation and layout against screenshots.

最佳实践

Provide product goals, audience, required screens, references, and constraints before generation.
Use scoped, revocable credentials and confirm any action that may consume credits or remove data.
Review full-height screenshots before requesting corrections, then verify native implementations against viewport screenshots.

避免

Do not paste API keys into prompts, chat messages, source files, or generated outputs.
Do not judge missing content from viewport screenshots without checking a full-height capture.
Do not substitute icons, fonts, screen identifiers, or component versions without confirming the change.

常见问题

What is required to use this skill?

You need network access, a Sleek account, and an API key with scopes appropriate for the task.

Can it create several screens?

Yes. A single design request can produce a coordinated flow with multiple screens.

Can it edit an existing Sleek project?

Yes. It can target an existing screen when you provide the project and screen context.

Does it support native mobile frameworks?

It provides HTML and screenshots as references for React Native, SwiftUI, and other native implementations.

Does it require a paid Sleek plan?

Trial credits may support an initial design. Continued generation can require a paid plan.

How should generated screens be reviewed?

Use viewport screenshots for presentation and full-height screenshots for completeness checks. Inspect component HTML when a negative visual conclusion remains uncertain.

开发者详情

作者

designed-by-ai

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/designed-by-ai/skills/tree/30856862d4bae7b24b66aa693199b8396dc4b540/skills/design-mobile-apps

引用

0acc95b40c367e2016e824a72b27b83b507ef020

维护新鲜度

2026/9/8

使用量

0 次下载 · 0 次浏览

文件结构

📄 SKILL.md