Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
ContentMédio

Ionic Framework Design Guide

porcap-go·cap-go· v1.0.0 · atualizado em 2026-04-11
80
Score

Guide to using Ionic Framework components for beautiful native-looking Capacitor apps. Covers component usage, theming, platform-specific styling, and best practices for mobile UI. Use this skill when users need help with Ionic components or mobile UI design.

ionic-frameworkmobile-uicapacitorfrontend-developmentui-componentscross-platform-development
Linguagens
TypeScriptJavaScriptHTMLCSS
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdionic-design/workflow
1. Identify the user's need for Ionic component usage, theming, or platform-specific styling.
2. Determine the user's framework (React, Vue, Angular) and target platforms (iOS, Android).
3. Provide installation instructions for Ionic and Capacitor.
4. Offer code examples for implementing specific UI components (lists, forms, buttons, cards, modals, tabs, navigation).
5. Explain theming variables and custom component styling.
6. Guide the user on platform detection and conditional rendering.
7. Share best practices for performance and accessibility.
8. Provide links to relevant Ionic Framework resources.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aSwiftUI Design Principles
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79

Árvore do Skill

Ionic Framework Design Guide
ionic-design
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers8
how to use Ionic componentshelp with Ionic themingbest practices for Ionic UIdesign a mobile app with Ionicstyle Ionic components for iOS and Androidimplement tab navigation in Ioniccreate forms in Ionicadd a modal in Ionic

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download ionic-design
$ synaptic skills detail ionic-design
$ synaptic skills live ionic-design

Dependências

@ionic/react@ionic/vue@ionic/react-router@ionic/vue-router@capacitor/core@capacitor/cliionicons

Links

GitHub Repository