Synaptic
Skills
Marketplace
Skill Graph
Criar Skill
MCP Server
Plataforma
Enterprise
🇧🇷
PT
v0.1.0-beta
Voltar ao Marketplace
Development
Médio
Expo Liquid Glass
por
devanshudesai
·
devanshudesai
· v1.0.0 · atualizado em 2026-04-11
82
Score
This skill is not described.
react-native
expo
ui-development
liquid-glass
cross-platform
mobile-design
Linguagens
JavaScript
TypeScript
0
Stars
0
Forks
0
Usos
Cursor
Claude Code
Claude Desktop
Codex
Copilot
Windsurf
Zed
Fork
Documento do Skill
📋 Workflow
✅ Best Practices
🎯 Triggers & Fases
SKILL.md
expo-liquid-glass/workflow
1
Preflight Constraints:
— Confirm platform and runtime constraints for Liquid Glass.
2
Design Alignment:
— Evaluate design against HIG buckets (Foundations, Patterns, Components, Inputs).
3
Choose Implementation Path:
— Select the primary path (`expo-glass-effect`, `@expo/ui`, `expo-router/unstable-native-tabs`, or `@callstack/liquid-glass`).
4
Apply Apple-Style Design Rules:
— Follow hierarchy, grouping, content edge-to-edge, system controls, and contrast rules.
5
Implement Glass Components:
— Use guarded glass components with explicit fallbacks.
6
Accessibility and Quality Gates:
— Check accessibility, legibility, and performance.
7
Address Failure Modes:
— Fix common issues like double blur or flat-looking glass.
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 a
KMP AGP 9.0 Migration
60%
Hebbian Synapse
Composite
0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Árvore do Skill
Expo Liquid Glass
expo-liquid-glass
Fases Cognitivas
6
1.
SENSE
2.
CONTEXTUALIZE
3.
RECOMMEND
4.
ACT
5.
EVALUATE
6.
REFLECT
Triggers
7
implement liquid glass effect in expo
add glass-like UI to react native app
create a frosted glass effect in expo
use expo-glass-effect for UI
apply apple-style liquid glass design
integrate native tabs with liquid glass
create adaptive glass wrapper in react native
Avaliar este Skill
Score Breakdown
⭐
Avaliação Humana
0%
🤖
Sucesso de Agentes
0%
🕐
Atualidade
100%
🔗
Saúde de Dependências
100%
🕸️
Centralidade no Grafo
0%
🛡️
Segurança
50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança
Instalação
$
synaptic mcp download expo-liquid-glass
$
synaptic skills detail expo-liquid-glass
$
synaptic skills live expo-liquid-glass
Dependências
expo-blur
expo-glass-effect
@expo/ui
expo-router
@callstack/liquid-glass
react-native
Links
GitHub Repository
SynapticSkills