菜单
Use this skill to generate well-branded interfaces and assets for Arah (Araponga) — a território-first, comunidade-first community platform — for production or throwaway prototypes/mocks. Contains essential design guidelines, colors, type, fonts, assets, and a premium mobile UI kit.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | arah-design |
| description | Use this skill to generate well-branded interfaces and assets for Arah (Araponga) — a território-first, comunidade-first community platform — for production or throwaway prototypes/mocks. Contains essential design guidelines, colors, type, fonts, assets, and a premium mobile UI kit. |
| user-invocable | true |
Read the README.md file within this skill, and explore the other available files.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.
If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.
#81C784; the premium UI kit refines this to base #0B0C0A + canopy #A6D6B9) and a light web portal/site (Geist + Sora, glass cards over forest imagery).colors_and_type.css — import it. Fonts in fonts/ (Geist, Sora). Logo + imagery in assets/.FILL 0 inactive, FILL 1 active. Never emoji-as-icon.ui_kits/app/ — premium minimalist recreation of the mobile app. Covers the current product and previews the full 48-phase backlog: feed/posts, map, events, marketplace + my store (PIX), compra coletiva, hospedagem, demandas, trocas, entregas, carteira (Aratá), babás, bem-estar, aluguéis, hub digital, eleições/governança, curadoria, assinaturas, saúde do território, métricas, sementes, aprendizado, IA, conquistas. Roles (visitante/morador/curador) + multi-step navigable journeys. Lift components from its *.jsx files.site/index.html — institutional site (movement, model, live app embed, roadmap, call to communities). Styles in site/site.css.handoff/Especificacao-Arah.html — full frontend dev spec (roles, navigation, screen catalog, journeys with endpoints, UI states, cache/offline, backend-first gaps).preview/ holds quick-reference specimens for colors, type, spacing, components, brand.Stay faithful to what exists — copy the design, don't reinvent it. When a pattern isn't in the system, omit it or leave it blank with a disclaimer rather than inventing.
Disciplina de craftsmanship (Clean Code, Clean Architecture, SOLID, TDD) no ciclo projetar -> desenvolver -> testar no repo Arah. Use ANTES e DURANTE mudanças de código (backend .NET, Flutter, Next.js) e ao planejar como algo será programado e testado, não só na revisão do PR.
Consulta os pareceres dos agentes de domínio do Arah (territorio, marketplace, monetizacao, design-ux, etc.). Use antes de concluir mudanças em código de domínio ou quando precisar do parecer de um domínio específico.
Abre PR no repo Arah com validação completa (build, testes, docs, spec). Use ao finalizar uma tarefa que deve virar Pull Request.
Roda testes da área alterada no repo Arah (dotnet, flutter, web). Use após mudanças de código ou antes de abrir PR.
Atualiza documentação obrigatória no mesmo PR que código Arah. Use quando mudar API, fases, roadmap ou funcionalidades.