Agent skill

UI Devwidget Round

by afkT in afkT/DevUtils

在需要圆角矩形纯色背景、描边边框时,优先用 DevWidget(io.github.afkt:DevWidgetX)的 dev.widget.ui.round 包替代 shape / layer-list drawable。流程与核心坑在 SKILL,Round 系列 View、R.styleable.DevWidget 中 app:dev 属性及源码对照见…

Apache-2.0Auto-check passedMobile

Install UI Devwidget Round

skills CLI
$ npx skills add afkT/DevUtils --skill ui-devwidget-round -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install afkT/DevUtils ui-devwidget-round --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/afkT/DevUtils.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/ui-devwidget-round .claude/skills/ui-devwidget-round && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ui-devwidget-round
GitHub stars
1.6k
Token cost
~880 tokens
SKILL.md length
185 words
Files
2 (incl. references)
Skills in repo
13
Repo updated
First seen
Licence
Apache-2.0

At a glance

在需要圆角矩形纯色背景、描边边框时,优先用 DevWidget(io.github.afkt:DevWidgetX)的 dev.widget.ui.round 包替代 shape / layer-list drawable。流程与核心坑在 SKILL,Round 系列 View、R.styleable.DevWidget 中 app:dev 属性及源码对照见…

  • Works in 4 steps: 用 Round 系列控件 + app:dev_*,少建 drawable 文件。 → 禁止与 android:background 混用(RoundDrawable… → RoundDrawable… → …
  • Mobile work in your project
  • SKILL.md covers 模块路径契约(本地优先), 何时用本 Skill, 核心原则 and Round 包类型速查, plus 4 more sections
  • Reaches schemas.android.com

What it does

UI Devwidget Round is an agent skill from afkT/DevUtils. 在需要圆角矩形纯色背景、描边边框时,优先用 DevWidget(io.github.afkt:DevWidgetX)的 dev.widget.ui.round 包替代 shape / layer-list drawable。流程与核心坑在 SKILL,Round 系列 View、R.styleable.DevWidget 中 app:dev 属性及源码对照见 references/reference.md。工作区内优先 Read lib/DevWidget;仅当无该模块时再查上游 GitHub。

Its SKILL.md is about 880 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/reference.md`).

It sits in Mobile. It works with GitHub and Android. The repository describes itself as: :fire: ( 持续更新,目前含 300+ 工具类 ) DevUtils 是一个 Android 工具库,主要根据不同功能模块,封装快捷使用的工具类及 API 方法调用。该项目尽可能的便于开发人员,快捷、高效开发安全可靠的项目。 The licence is Apache-2.0.

When your agent uses it

  • Mobile work in your project

Example prompts

  • “/ui-devwidget-round”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. 用 Round 系列控件 + app:dev_*,少建 drawable 文件。
  2. 禁止与 android:background 混用(RoundDrawable 方案):圆角背景占用了 View 的 background。在 XML 里写 android:background 不会按预期生效;背景色、边框请用下文…
  3. RoundDrawable 只支持纯色填充(ColorStateList),不支持 Bitmap/复杂 Drawable 作背景。
  4. 命名空间:xmlns:app="http://schemas.android.com/apk/res-auto"(以工程为准)。

What it can do on your machine

Read from SKILL.md and the folder at commit 6022ede. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are xml).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • schemas.android.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UI Devwidget Round loads about 880 tokens when it runs, and up to ~2k if it reads all its reference files. Until then it costs about 68 tokens; SKILL.md has 185 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~68
When it runs · the whole SKILL.md, loaded when a task matches
~880
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from afkT/DevUtils at commit 6022ede, republished under its Apache-2.0 licence (© afkT). 185 words, ~880 tokens.

Download SKILL.mdSave it as .claude/skills/ui-devwidget-round/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
ui-devwidget-round
description
在需要圆角矩形纯色背景、描边边框时,优先用 DevWidget(io.github.afkt:DevWidgetX)的 dev.widget.ui.round 包替代 shape / layer-list drawable。流程与核心坑在 SKILL,Round 系列 View、R.styleable.DevWidget 中 app:dev_* 属性及源码对照见 references/reference.md。工作区内优先 Read lib/DevWidget;仅当无该模块时再查上游 GitHub。

DevWidget round 包:圆角 + 纯色 + 描边

模块路径契约(本地优先)

本 Skill 内凡涉及 DevWidget 源码与资源,先读工作区本地模块;勿在本地存在时 WebFetch GitHub 替代。

符号当前值(DevUtils)说明
DEVWIDGET_ROOTlib/DevWidgetDevWidget 模块根目录

完整路径、属性表与 Round 类型清单见 references/reference.md。工作区无 {DEVWIDGET_ROOT} 或需对照远程 tag 时,才使用上游 fallback:https://github.com/afkT/DevUtils/tree/master/lib/DevWidget

何时用本 Skill

  • 需求是:圆角、纯色背景、可选描边,打算写 shape.xml / layer-list / selector drawable。
  • 默认前提:工程已依赖 DevWidget(及 README 要求的 DevApp)。坐标与模块说明 → Read {DEVWIDGET_ROOT}/README.md。
  • 范围:仅使用包路径 dev.widget.ui.round 下的实现;不引导使用 dev.widget.ui.radius 等其他目录。

核心原则

  1. 用 Round 系列控件 + app:dev_*,少建 drawable 文件。
  2. 禁止与 android:background 混用(RoundDrawable 方案):圆角背景占用了 View 的 background。在 XML 里写 android:background 不会按预期生效;背景色、边框请用下文 app:dev_backgroundColor、app:dev_borderWidth、app:dev_borderColor。
  3. RoundDrawable 只支持纯色填充(ColorStateList),不支持 Bitmap/复杂 Drawable 作背景。
  4. 命名空间:xmlns:app="http://schemas.android.com/apk/res-auto"(以工程为准)。

Round 包类型速查

常用:RoundFrameLayout、RoundLinearLayout、RoundConstraintLayout、RoundTextView、RoundButton、RoundImageView、RoundDrawable。完整类列表与用途见 references/reference.md § Round 包类型一览。

选控件:与原生同名布局一致即可(要 Constraint 用 RoundConstraintLayout,要文字用 RoundTextView…)。

RoundImageView 与其它 Round 的差异*:仅负责圆形头像式展示(CENTER_CROP);若要圆角矩形图片请不在本 Skill 范围内另选方案。

XML 属性速查

属性定义以 {DEVWIDGET_ROOT}/src/main/res/values/attrs.xml 为准;所有属性在资源中声明为 DevWidget 分组,XML 前缀一般为 app:。全表见 references/reference.md § XML 属性。

圆角逻辑摘要(对照 reference 中 RoundDrawable.java):

  • 若 任一角 dev_radiusLeftTop / RightTop / LeftBottom / RightBottom > 0:使用 setCornerRadii 四角独立圆角,并 关闭 radius adjust bounds 的自动行为。
  • 否则使用 dev_radius 作为 setCornerRadius;若 dev_radius > 0 同样会关闭与「仅 adjust」相关的自动圆角逻辑。
  • 描边:setStrokeData(borderWidth, borderColor)。

注意:RoundImageView 的专用属性与限制见 references/reference.md § 仅 RoundImageView;它固定为圆形裁剪,不用于圆角矩形图片。

代码侧(可选)

RoundDrawable.fromAttributeSet、setBackgroundKeepingPadding 与链式 API 见 references/reference.md §代码侧 API。

XML 最小示例(矩形圆角 + 纯色 + 描边)

xml
<dev.widget.ui.round.RoundTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingHorizontal="12dp"
    android:paddingVertical="6dp"
    android:text="标签"
    app:dev_backgroundColor="#33FF5722"
    app:dev_borderColor="#FFFF5722"
    app:dev_borderWidth="1dp"
    app:dev_radius="8dp" />

胶囊 View:将 app:dev_isRadiusAdjustBounds 设为 true,并通常配合高度与 dev_backgroundColor / 描边使用(具体圆角值由短边一半决定)。

自检清单(生成布局前)

  • 是否已 Read 本地 {DEVWIDGET_ROOT}(存在时未用 WebFetch 代替)?
  • 是否应用了 DevWidget 依赖且未用 android:background 覆盖圆角背景?
  • 若是 矩形圆角容器:是否选了 Round*Layout / RoundTextView 之一?
  • 若是 圆形头像:是否使用 RoundImageView 且接受 CENTER_CROP?
  • 描边是否为 app:dev_borderWidth + app:dev_borderColor 组合?

© afkT, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in .cursor/skills/ui-devwidget-round of afkT/DevUtils.

  • SKILL.md
  • references/reference.md

Open the folder on GitHubat commit 6022ede

Compare with similar skills

UI Devwidget Round next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UI Devwidget Round compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UI Devwidget Round this skillafkT/DevUtils1.6k—~880Automated safety check: PassApache-2.0
Launch On Devicezly2006/zhihu-plus-plus4.2k—~3.1kAutomated safety check: PassCC-BY-NC-4.0
Guided PR Fixupalexvanyo/composelife267—~1kAutomated safety check: PassApache-2.0
Create Ticketwillowtreeapps/vocable-android127—~2.4kAutomated safety check: PassMIT
Web To Mobilesuntay44/web-to-mobile-magic-plugin107—~781Automated safety check: PassMIT
Capturing Preview Screenshots In CIskydoves/android-testing-skills333—~4.5kAutomated safety check: NotesApache-2.0

Similar skills

  • Launch On Device

    zly2006/zhihu-plus-plus

    Build, install, and launch the Zhihu++ Android app on a connected device using ADB.

    4.2k GitHub stars~3.1k tokensUpdated yesterday
    MobileAuto-check passed
  • Guided PR Fixup

    alexvanyo/composelife

    Performs a guided fixup of a given GitHub PR. An agent skill from alexvanyo/composelife.

    267 GitHub stars~1k tokensUpdated today
    MobileAuto-check passed
  • Create Ticket

    willowtreeapps/vocable-android

    A skill your agent uses when starting new work that needs a GitHub issue in this repo, or when asked to create/write/file a ticket.

    127 GitHub stars~2.4k tokensUpdated 1 mo ago
    MobileAuto-check passed
  • Web To Mobile

    suntay44/web-to-mobile-magic-plugin

    Orchestrate website or web app conversion into a mobile app.

    107 GitHub stars~781 tokensUpdated 24 days ago
    MobileAuto-check passed
  • Capturing Preview Screenshots In CI

    skydoves/android-testing-skills

    A skill your agent uses to render every Jetpack Compose @Preview as a screenshot on a real Android device or emulator and publish a browsable HTML catalog from CI.

    333 GitHub stars~4.5k tokensUpdated 4 mo ago
    MobileAuto-check: notes
  • Release App

    K9i-0/ccpocket

    ccpocketアプリのバージョン更新と、指定プラットフォーム向けリリースを行う. An agent skill from K9i-0/ccpocket.

    1.1k GitHub stars~1.1k tokensUpdated 5 days ago
    MobileAuto-check passed

More from afkT/DevUtils

All 13 skills in this repo
  • 依据 Android 官方「版本」文档完成平台适配:按版本号 N 抓取行为变更(所有应用、 targetSdk=N)、changes/features 子页与探索新功能/API;归纳影响项并落地到 Manifest/Gradle/工具类封装。在用户要求 Android 版本适配、行为变更排查、 targetSdk 升级、新 API 封装或对照…

    1.6k GitHub stars~1.8k tokensUpdated 1 mo ago
    Auto-check passed
  • 统一 Android XML 资源命名:layout、drawable、mipmap、color、values、id 的前缀与 snakecase 规则;把颜色/圆角/描边/状态编码进文件名(bg、border、textcolor…selector)。

    1.6k GitHub stars~1.3k tokensUpdated 1 mo ago
    Auto-check passed
  • 根据用户给出的 Java/Kotlin 工具类或 View 相关源码,设计并实现 androidx.databinding.BindingAdapter。

    1.6k GitHub stars~1.6k tokensUpdated 1 mo ago
    Auto-check passed
  • 对 DevUtils 工程(DEPSROOT=file/gradle、DEPSMANIFEST=file/deps)中定义的第三方库 GAV 依赖做版本查证与升级;结合 Maven Central、Google Maven、Gradle Plugin Portal、 JitPack 与 GitHub Releases/README 交叉校验「最新可用版本」;必要时修正…

    1.6k GitHub stars~1.2k tokensUpdated 1 mo ago
    Auto-check passed
  • 为布局 XML 中的控件默认补全 DevSimple(lib/DevSimple)的 ViewTheme 样式引用: 按控件继承链匹配 ViewTheme.&lt;类名&gt;,ImageView/AppCompatImageView 使用 ViewTheme.ImageView.FITXY,无匹配则用 ViewTheme.View。工作区内优先 Read…

    1.6k GitHub stars~727 tokensUpdated 1 mo ago
    Auto-check passed
  • UI Dialogx Dialog

    afkT/DevUtils

    需要对话框、弹窗、菜单、加载等待、轻提示(Toast 替代)、应用内通知、底部弹窗、 上下文菜单、全屏/自定义弹层或操作引导时,默认使用 DialogX (com.github.kongzue.DialogX,本工程已依赖)而非系统 AlertDialog/Toast/PopupMenu。

    1.6k GitHub stars~1.1k tokensUpdated 1 mo ago
    Auto-check passed

Works with

Categories

Questions about UI Devwidget Round

What does UI Devwidget Round do?

在需要圆角矩形纯色背景、描边边框时,优先用 DevWidget(io.github.afkt:DevWidgetX)的 dev.widget.ui.round 包替代 shape / layer-list drawable。流程与核心坑在 SKILL,Round 系列 View、R.styleable.DevWidget 中 app:dev 属性及源码对照见…. UI Devwidget Round is an agent skill from afkT/DevUtils.

When should I use UI Devwidget Round?

UI Devwidget Round fits situations like: mobile work in your project.

How do I install UI Devwidget Round in Claude Code?

Run `npx skills add afkT/DevUtils --skill ui-devwidget-round -a claude-code`. Or copy the skill folder (.cursor/skills/ui-devwidget-round in afkT/DevUtils) into .claude/skills/ui-devwidget-round in your project. Claude Code loads it when a task matches its description.

How do I install UI Devwidget Round in Codex?

Run `npx skills add afkT/DevUtils --skill ui-devwidget-round -a codex`. Or copy the skill folder (.cursor/skills/ui-devwidget-round in afkT/DevUtils) into .agents/skills/ui-devwidget-round in your project. Codex loads it when a task matches its description.

Can I use UI Devwidget Round in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add afkT/DevUtils --skill ui-devwidget-round -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui-devwidget-round, .gemini/skills/ui-devwidget-round, .github/skills/ui-devwidget-round and .opencode/skills/ui-devwidget-round in your project.

What does UI Devwidget Round need to run?

SKILL.md names no scripts, command-line tools or credentials: UI Devwidget Round is instructions for the agent only.

Does UI Devwidget Round access the network?

SKILL.md names 1 domain. In commands or code: schemas.android.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is UI Devwidget Round safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does UI Devwidget Round use?

UI Devwidget Round is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UI Devwidget Round use?

About 880 tokens (SKILL.md is roughly 3.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.1k tokens, read only when the agent opens those files.

What are the alternatives to UI Devwidget Round?

Skills that share tags, products or a category with UI Devwidget Round: Launch On Device (zly2006/zhihu-plus-plus, 4.2k stars), Guided PR Fixup (alexvanyo/composelife, 267 stars), Create Ticket (willowtreeapps/vocable-android, 127 stars) and Web To Mobile (suntay44/web-to-mobile-magic-plugin, 107 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UI Devwidget Round?

afkT (a GitHub user) maintains it in afkT/DevUtils, which has 1,612 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on September 2, 2026.

Source: afkT/DevUtils on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.