技能 appllama-app-design-skill

📦

appllama-app-design-skill

Name: appllama-app-design-skill
Author: appllama

v1.3.0 内容修订 r1 安全 📁 文件系统访问⚙️ 外部命令🔑 环境变量

Build Native Mobile Interfaces

Mobile interfaces often feel inconsistent when controls, navigation, motion, and loading states are designed separately. This skill provides one practical Expo and React Native workflow.

支持: Claude Codex Code(CC)

🥉 78 青铜

使用我的智能体安装

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

智能体请求

Review the Skillstore skill "appllama-app-design-skill" from https://skillstore.io/skills/appllama-appllama-app-design-skill.md and its manifest at https://skillstore.io/api/skills/appllama-appllama-app-design-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

Agent 可读资源

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

Markdown 详情 GET /skills/appllama-appllama-app-design-skill.md 已签名 manifest GET /api/skills/appllama-appllama-app-design-skill/manifest 已签名 lockfile GET /api/skills/appllama-appllama-app-design-skill/lockfile

测试它

正在使用“appllama-app-design-skill”。 Design a subscription paywall that opens from a premium feature.

预期结果:

Present the paywall as a dismissible modal over the premium feature.
Keep purchase restoration and pricing visible without hiding the close action.
After purchase, dismiss to the original feature and show its unlocked state.

正在使用“appllama-app-design-skill”。 Review a search screen that stutters while typing.

预期结果:

Measure commit counts and input latency before changing memoization.
Keep fast-changing text outside broad shared state.
Virtualize growing results and verify visible echo remains below 50 milliseconds.

正在使用“appllama-app-design-skill”。 Plan final verification for an onboarding flow.

预期结果:

Record the complete flow in light and dark themes.
Test completion as a one-way navigation transition.
Check keyboard movement, Reduce Motion, long text, safe areas, and back behavior.

安全审计

安全

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

All 61 static findings are false positives caused by Markdown code spans or benign mobile design terminology. The reviewed files contain no prompt injection, credential access, unsafe command construction, or malicious intent.

已扫描文件

792

分析行数

复核项

已忽略误报

风险因素

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex

分享与引用此报告

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

打开版本化报告

复制报告链接

https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/appllama-appllama-app-design-skill/security.svg)](https://skillstore.io/skills/appllama-appllama-app-design-skill?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/appllama-appllama-app-design-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/appllama-appllama-app-design-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/appllama-appllama-app-design-skill.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 引用

appllama. (2026). appllama-app-design-skill security audit report (audit version 1) [Author version 1.3.0]. Skillstore. https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1

BibTeX 引用

@techreport{appllama-appllama-appllama-app-design-skill-2026,
  author = {appllama},
  title = {appllama-app-design-skill security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1},
  note = {Author version 1.3.0}
}

CITATION.cff

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

Skillstore 评分

评分依据证据置信度: 中

架构

100

可维护性

内容

社区

规范符合性

你能构建什么

Design a New Mobile Flow

Create onboarding, checkout, settings, or subscription screens with suitable controls, navigation, states, and motion.

Implement a Native Screen

Translate product requirements into an Expo screen that follows iOS and Android interaction conventions.

Audit Interface Quality

Review an existing flow for navigation errors, inconsistent styling, accessibility gaps, motion problems, and performance risks.

试试这些提示

Design One Screen

Design a [screen type] for my [app category]. Include hierarchy, native controls, primary action, empty state, and light and dark themes.

Build a Complete Flow

Implement a [flow name] in Expo Router. Define every route, transition, back behavior, loading state, error state, and completion path.

Polish Motion and Performance

Review this React Native interaction for motion and performance. Identify measurable problems, recommend Reanimated patterns, and define simulator verification steps.

Audit a Production Experience

Audit the attached mobile flow against native controls, navigation semantics, accessibility, visual consistency, state architecture, motion, and release-build performance. Prioritize actionable findings.

最佳实践

Study several successful reference screens, then reuse patterns without copying branded pixels.
Measure performance before optimizing and repeat the same measurement after each change.
Verify complete flows in simulators, including motion, themes, accessibility settings, long content, and failure states.

避免

Do not replace native controls with visually similar custom components without a product requirement.
Do not use decorative gradients, mixed icon families, arbitrary radii, or inconsistent action labels by default.
Do not approve screens from static code review without running and recording the complete interaction.