Swiftui Design
nexu-io/open-design
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review.
Transforma a imagem (PNG) de um logo num Shape do SwiftUI e num componente que desenha o contorno a traço e depois preenche (splash screen, loading, hero).
$ npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install RhuanCruz/swiftui-logo-draw logo-to-swiftui-draw --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/RhuanCruz/swiftui-logo-draw.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skill/logo-to-swiftui-draw .claude/skills/logo-to-swiftui-draw && rm -rf skills-srcUse ~/.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/
Install the "logo-to-swiftui-draw" agent skill from https://github.com/RhuanCruz/swiftui-logo-draw/tree/main/skill/logo-to-swiftui-draw into .claude/skills/logo-to-swiftui-draw/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-to-swiftui-draw", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/RhuanCruz/swiftui-logo-draw/tree/main/skill/logo-to-swiftui-drawType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install RhuanCruz/swiftui-logo-draw logo-to-swiftui-draw --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RhuanCruz/swiftui-logo-draw.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skill/logo-to-swiftui-draw .agents/skills/logo-to-swiftui-draw && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "logo-to-swiftui-draw" agent skill from https://github.com/RhuanCruz/swiftui-logo-draw/tree/main/skill/logo-to-swiftui-draw into .agents/skills/logo-to-swiftui-draw/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-to-swiftui-draw", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install RhuanCruz/swiftui-logo-draw logo-to-swiftui-draw --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RhuanCruz/swiftui-logo-draw.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skill/logo-to-swiftui-draw .cursor/skills/logo-to-swiftui-draw && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "logo-to-swiftui-draw" agent skill from https://github.com/RhuanCruz/swiftui-logo-draw/tree/main/skill/logo-to-swiftui-draw into .cursor/skills/logo-to-swiftui-draw/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-to-swiftui-draw", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/RhuanCruz/swiftui-logo-draw.git --path skill/logo-to-swiftui-draw--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install RhuanCruz/swiftui-logo-draw logo-to-swiftui-draw --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RhuanCruz/swiftui-logo-draw.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skill/logo-to-swiftui-draw .gemini/skills/logo-to-swiftui-draw && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "logo-to-swiftui-draw" agent skill from https://github.com/RhuanCruz/swiftui-logo-draw/tree/main/skill/logo-to-swiftui-draw into .gemini/skills/logo-to-swiftui-draw/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-to-swiftui-draw", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install RhuanCruz/swiftui-logo-draw logo-to-swiftui-drawInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/RhuanCruz/swiftui-logo-draw.git skills-src && mkdir -p .github/skills && cp -r skills-src/skill/logo-to-swiftui-draw .github/skills/logo-to-swiftui-draw && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "logo-to-swiftui-draw" agent skill from https://github.com/RhuanCruz/swiftui-logo-draw/tree/main/skill/logo-to-swiftui-draw into .github/skills/logo-to-swiftui-draw/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-to-swiftui-draw", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install RhuanCruz/swiftui-logo-draw logo-to-swiftui-draw --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RhuanCruz/swiftui-logo-draw.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skill/logo-to-swiftui-draw .opencode/skills/logo-to-swiftui-draw && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "logo-to-swiftui-draw" agent skill from https://github.com/RhuanCruz/swiftui-logo-draw/tree/main/skill/logo-to-swiftui-draw into .opencode/skills/logo-to-swiftui-draw/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "logo-to-swiftui-draw", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
logo-to-swiftui-drawTransforma a imagem (PNG) de um logo num Shape do SwiftUI e num componente que desenha o contorno a traço e depois preenche (splash screen, loading, hero).
Logo To Swiftui Draw is an agent skill from RhuanCruz/swiftui-logo-draw. Transforma a imagem (PNG) de um logo num Shape do SwiftUI e num componente que desenha o contorno a traço e depois preenche (splash screen, loading, hero). Use quando o usuário disser "desenhar o logo", "animar o logo", "vetorizar o logo", "logo draw", "trace do logo", "splash com o logo desenhando", ou mandar a imagem de um logo pedindo um componente SwiftUI. Cobre logos geométricos (primitivas + ajuste por IoU) e orgânicos (potrace → SVG → Path).
Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files, including scripts (for example `scripts/compare.py`, `scripts/geometry.py` and `scripts/measure.py`).
It sits in Mobile, covering iOS development and Logo and visual identity. It works with SwiftUI. The licence is MIT.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 71a3e9e. It shows what the files ask for, not the result of running them.
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.
Ships 6 files in scripts/ (Python and Shell), which the agent can run.
Shell commands in SKILL.md call:
python3brewFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Logo To Swiftui Draw loads about 1.7k tokens when it runs. Until then it costs about 119 tokens; SKILL.md has 725 words of instructions outside code blocks.
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.
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); the scripts in this folder are not scanned.
The full file from RhuanCruz/swiftui-logo-draw at commit 71a3e9e, republished under its MIT licence (© RhuanCruz). 725 words, ~1,660 tokens.
.claude/skills/logo-to-swiftui-draw/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.Um logo animado a traço só fica bom se o Path for limpo: poucas primitivas, sem
self-intersection, subpaths na ordem em que uma caneta desenharia. Vetorização automática
(potrace) dá um path fiel, mas cheio de nós; pra logos geométricos vale mais reconstruir
com primitivas e medir a fidelidade contra a imagem, em vez de confiar no olho.
O componente de animação é genérico (LogoDraw<S: Shape>, em Sources/LogoDraw/LogoDraw.swift
deste repositório). O trabalho da skill é produzir o Shape.
swiftc e o ImageRenderer do SwiftUI rodam fora de simulador).numpy, pillow, scipy.brew install potrace.Scripts em scripts/ desta skill. Rode tudo a partir de um diretório de trabalho temporário.
Abra a imagem e decida:
Se tiver dúvida, comece pelo A e meça: se o IoU não passar de ~0.90 com poucas primitivas, o logo não é geométrico o bastante.
python3 scripts/measure.py logo.png --mask mask.pngSaída: tamanho da imagem, componentes conexos com bounding box. Confira mask.png: o
threshold precisa isolar só o glifo (use --threshold / --dark). Se a imagem tiver
wordmark ou fundo com brilho, anote um y abaixo do qual ignorar (--ignore-below).
Pra cada componente, tire runs por linha e coluna:
python3 scripts/measure.py logo.png --rows 520 720 6
python3 scripts/measure.py logo.png --cols 400 700 12Com os runs você deriva, sem chute: largura do traço (largura horizontal × sin do ângulo), ângulo das retas (dx/dy entre duas linhas), centros e raios de pontas redondas (ponto extremo + metade da largura), onde uma reta vira curva (onde a diferença entre linhas muda).
Copie scripts/models/runner.py como ponto de partida. Um modelo é:
PARAMS: dicionário com os números medidos (larguras, centros, ângulos, raios);build(P): devolve uma lista de polígonos, um por subpath, construídos só com
fillet (= addArc(tangent1End:tangent2End:radius:)), arc (= addRelativeArc) e retas;STEPS / VEC_STEPS: passo de busca de cada parâmetro.Regras que evitam retrabalho:
strokedPath. Contorno explícito dá controle de
onde o traço começa e evita self-intersection em curvas com raio menor que meia largura.Meça e ajuste:
python3 scripts/tune.py logo.png models/meu_logo.py # IoU + overlay.png
python3 scripts/tune.py logo.png models/meu_logo.py --tune # coordinate descent → params.jsonLeia o overlay.png: vermelho é onde o modelo sobra, verde onde falta. Ajuste a
construção (não só os números) até o resíduo ser só borda. Referência: 0.96 no exemplo.
potrace mask.pbm -s -o logo.svg --turdsize 20 --alphamax 1 --opttolerance 0.4(gere o .pbm a partir de mask.png com o Pillow). Simplifique no Figma/Illustrator se
o path vier com nós demais, e exporte de novo. Converta o d do SVG pra Path (move/line/
cubic/close). O componente funciona igual; só a fidelidade da animação de traço depende de
o path ter poucos nós e a direção de desenho fazer sentido.
Crie MeuLogoShape.swift seguindo Sources/LogoDraw/RunnerLogoShape.swift:
designSize = bbox do glifo na imagem; path(in:) calcula scale = min(w/W, h/H) e centra.pt(x, y) que converte coordenadas da imagem pro rect; len(v) pra raios.build(P) chamada por chamada: fillet → addArc(tangent1End:tangent2End:radius:),
arc(c, r, a, a+180) → addRelativeArc(center:radius:startAngle:delta:), círculo → addRelativeArc de 360°.
Use addRelativeArc, nunca addArc(... clockwise:): o sentido de clockwise inverte com o
eixo y pra baixo e é a fonte clássica de arco "pelo lado errado".params.json como constantes comentadas.scripts/render_shape.sh MeuLogoShape.swift MeuLogoShape render.png \
--canvas 1254 1254 --frame 418 441 387 370 # canvas = imagem; frame = bbox
python3 scripts/compare.py logo.png render.png # IoU + overlay
scripts/render_shape.sh MeuLogoShape.swift MeuLogoShape outline.png --mode stroke --canvas 400 400 --frame 50 50 300 300
scripts/render_shape.sh MeuLogoShape.swift MeuLogoShape half.png --mode trim --trim 0.5 --canvas 400 400 --frame 50 50 300 300O IoU do Swift deve bater com o do Python (diferença < 0.01). Se não bater, um arco está
indo pelo lado errado ou um sinal de normal está trocado. Olhe outline.png (contorno
limpo, sem laços) e half.png (o traço para onde você espera).
LogoDraw(MeuLogoShape(), drawDuration: 1.2, fillStartPercent: 70, size: 150,
outlineColor: .primary, fillColor: .primary, freezeAt: freeze) { splashDone() }onComplete pra encadear (fechar splash, mostrar wordmark).freezeAt num launch arg (-splash.freeze 0.45) pra revisar e tirar screenshot
de qualquer frame no simulador.onComplete dispara na hora.MeuLogoShape.swift (com comentário de onde vieram os números);models/meu_logo.py + params.json (pra refazer quando o logo mudar);overlay.png com o IoU no chat, como prova de fidelidade;© RhuanCruz, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 6 other files (scripts) in skill/logo-to-swiftui-draw of RhuanCruz/swiftui-logo-draw.
Open the folder on GitHubat commit 71a3e9e
Logo To Swiftui Draw 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Logo To Swiftui Draw this skillRhuanCruz/swiftui-logo-draw | 159 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Swiftui Designnexu-io/open-design | 100k | — | ~325 | Automated safety check: Pass | Apache-2.0 | |
| Swiftui Protwostraws/SwiftUI-Agent-Skill | 5.6k | 2 repos | ~1.5k | Automated safety check: Pass | MIT | |
| Swiftui UI PatternsAFK-surf/OpenBridge | 430 | 4 repos | ~887 | Automated safety check: Pass | MIT | |
| Swiftui Performance Auditharperreed/dotfiles | 334 | 8 repos | ~1.4k | Automated safety check: Pass | None | |
| Hig Project Contextraintree-technology/hig-doctor | 144 | 5 repos | ~1.2k | Automated safety check: Pass | MIT |
nexu-io/open-design
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review.
twostraws/SwiftUI-Agent-Skill
Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance.
AFK-surf/OpenBridge
Best practices and example-driven guidance for building SwiftUI views and components.
harperreed/dotfiles
Audit and improve SwiftUI runtime performance from code review and architecture.
raintree-technology/hig-doctor
Create or update a shared Apple design context document that other HIG skills use to tailor guidance.
raintree-technology/hig-doctor
Apple Human Interface Guidelines for content display components.
Works with
Categories
Transforma a imagem (PNG) de um logo num Shape do SwiftUI e num componente que desenha o contorno a traço e depois preenche (splash screen, loading, hero). Logo To Swiftui Draw is an agent skill from RhuanCruz/swiftui-logo-draw. Transforma a imagem (PNG) de um logo num Shape do SwiftUI e num componente que desenha o contorno a traço e depois preenche (splash screen, loading, hero).
Logo To Swiftui Draw fits situations like: tasks that involve iOS development; tasks that involve Logo and visual identity.
Run `npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a claude-code`. Or copy the skill folder (skill/logo-to-swiftui-draw in RhuanCruz/swiftui-logo-draw) into .claude/skills/logo-to-swiftui-draw in your project. Claude Code loads it when a task matches its description.
Run `npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a codex`. Or copy the skill folder (skill/logo-to-swiftui-draw in RhuanCruz/swiftui-logo-draw) into .agents/skills/logo-to-swiftui-draw in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add RhuanCruz/swiftui-logo-draw --skill logo-to-swiftui-draw -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/logo-to-swiftui-draw, .gemini/skills/logo-to-swiftui-draw, .github/skills/logo-to-swiftui-draw and .opencode/skills/logo-to-swiftui-draw in your project.
Going by SKILL.md and its folder, Logo To Swiftui Draw needs Python and a shell for the scripts in its folder and the command-line tools its instructions call (python3 and brew). Our summary lists: Python 3; A Bash shell.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Logo To Swiftui Draw is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.7k tokens (SKILL.md is roughly 6.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Logo To Swiftui Draw: Swiftui Design (nexu-io/open-design, 100k stars), Swiftui Pro (twostraws/SwiftUI-Agent-Skill, 5.6k stars), Swiftui UI Patterns (AFK-surf/OpenBridge, 430 stars) and Swiftui Performance Audit (harperreed/dotfiles, 334 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
RhuanCruz (a GitHub user) maintains it in RhuanCruz/swiftui-logo-draw, which has 159 GitHub stars. The repository was last updated on September 5, 2026.
Source: RhuanCruz/swiftui-logo-draw on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.