BA

bodenberg/appdimens-skills

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

1 stars 质量 74 趋势 22Apache-2.0

一个为使用 AppDimen 构建界面的 AI 编码代理提供的共享大脑。在写入任何大小之前,代理会识别选定数值的基础屏幕(大小、分辨率、密度、方向,...

概览

在写入任何尺寸之前,代理会识别(大小、分辨率、密度、方向、切面、字体比例)和(列表、网格、轮播、卡片、填充、拥抱、滚动、固定发际线......)。只有在这时,它才会选择AppDinens库、策略和令牌,用CLI计算每个基值,使构建在该界面看起来像源代码,并在其他地方正确缩放。验证者会在每次编辑后发现常见错误。 与任何能阅读代理技能标准(.agents/skills)的代理合作。 安装程序会检测你机器上的代理客户端和集成开发环境,以及项目中的AppDigens平台,然后像其他技能包一样询问要安装什么: 共享文件夹(.agents/skills)的代理会得到一份副本。CLI、模式和完整技能会分别发送到.appdimens/(项目)或~/.appdimens/(用户);每个安装的文件都指向该文件夹。

概述(AI 翻译)

为构建AppDimen用户界面的AI编码代理提供共享大脑。

在写入任何尺寸之前,代理会识别选择值的基础界面(大小、分辨率、密度、方向、切面、字体比例)以及每个布局元素应做什么(列表、网格、旋转木马、卡片、填充、拥抱、滚动、固定发际线…)。只有在这时,它才会选择AppDinens库、策略和令牌,并用CLI计算每个基值,使构建在该界面看起来像源代码,并在其他地方正确缩放。每次编辑后,验证员都会发现常见错误。

支持Claude Code、OpenAI Codex、Gemini CLI、OpenClaw、Hermes Agent、Cursor、GitHub Copilot、Windsurf以及任何读取代理技能标准(.agents/skills)的代理。

🇧🇷 葡萄牙人的重审 ·📄 Conceito(PT-BR)·🔍 Revisão e testes (PT-BR)

安装

安装程序会检测你机器上的代理客户端和集成开发环境,以及项目中的AppDigens平台,然后像其他技能包一样询问要安装什么:

非交互式(CI,脚本):

选项 含义

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

appdimens-skills

A shared brain for AI coding agents that build UIs with AppDimens.

Before writing any size, the agent identifies the base screen the values were chosen on (size, resolution, density, orientation, aspect, font scale) and what each layout element is supposed to do (list, grid, carousel, card, fill, hug, scroll, fixed hairline…). Only then does it choose the AppDimens library, the strategy and the token, computing every base value with a CLI so the build looks like the source on that screen and scales correctly elsewhere. A validator catches the usual mistakes after every edit.

Works with Claude Code, OpenAI Codex, Gemini CLI, OpenClaw, Hermes Agent, Cursor, GitHub Copilot, Windsurf and any agent that reads the Agent Skills standard (.agents/skills).

🇧🇷 Resumo em português · 📄 Conceito (PT-BR) · 🔍 Revisão e testes (PT-BR)

Install

npx appdimens-skills

The installer detects the agentic clients and IDEs on your machine and the AppDimens platforms in your project, then asks — like other skill packages — what to install:

? Install for            › This project / My user (all projects)
? Which agents / IDEs?   ◼ Claude Code  installed   ◻ OpenAI Codex   ◼ Cursor  used in project   …
? Which skills?          ■ layout-intent (core)  ◼ design-to-code  ◼ claude-design  ◼ code-edit  ◼ new-screen
                         ◼ react-native  detected in project   ◻ android   ◻ apple   ◻ flutter   ◻ web   …
? Add the Claude Code validation hook?   › Yes
? Create appdimens.config.json now?      › Yes

Non-interactive (CI, scripts):

npx appdimens-skills install --agents claude-code,codex,cursor --skills android,web --yes
npx appdimens-skills install --global --agents detected --skills all --yes
npx appdimens-skills detect        # agents installed here + platforms in this project
npx appdimens-skills list          # skill and agent ids
npx appdimens-skills uninstall     # removes exactly what was installed (manifest); --global for the user install
Option Meaning
--agents claude-code, codex, gemini-cli, openclaw, hermes, cursor, copilot, windsurf, agents
--skills workflow / platform skills (android, web, code-edit…); the core skill is always installed
--global install for your user (~/) instead of the current project
--dir project folder (default: current folder)
--no-hook / --no-config skip the Claude Code hook / the appdimens.config.json
--yes · --dry-run accept defaults · only show the plan

Where each agent gets the files

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add bodenberg/appdimens-skills
新手?先看 mcpskill.org 教程 →