Was macht streamlit-ui-skill?
Maßgeschneiderte Design-Fertigkeit für Streamlit, basierend auf den gleichen Prinzipien wie Anthropics Frontend Design Skill.
Grundsätze
- Klare visuelle Hierarchie: Verwende Überschriften, Abstände und Farben, um Informationen zu strukturieren.
- Konsistenz: Einheitliche Schriftarten, Farben und Komponentenstile im gesamten Dashboard.
- Zugänglichkeit: Ausreichend Farbkontrast, klare Beschriftungen und Tastaturnavigation.
- Reaktionsfähigkeit: Layouts, die sich an verschiedene Bildschirmgrößen anpassen.
- Leistung: Minimaler Code und effiziente Streamlit-Caching-Mechanismen.
Verwendung
Stelle sicher, dass deine Streamlit-App diese Grundsätze befolgt:
import streamlit as st
st.set_page_config(page_title="Meine App", layout="wide")
# Hauptüberschrift
st.title("Dashboard-Titel")
# Zielgerichtete Abschnitte mit Columns
col1, col2 = st.columns(2)
with col1:
st.metric("Aktuelle Temperatur", "22°C", "+2°C")
with col2:
st.line_chart(data)
Lizenz
MIT