Zum Inhalt springen
UI Kit
Accent

Steuerberatung

Für Steuerkanzleien und Buchhaltungsbüros. Fristen je Mandantengruppe, ein Mandantenportal mit Belegupload, eine Erstattungsschätzung, eine Unterlagen-Checkliste und monatliche Pauschalen.

5 Variants
Kategorie wechseln

Steuerberatung

Fristen

Mandantengruppe wählen, die nächste Frist zählt in Tagen herunter. Zwölf Monate als Leiste, jede Frist ein Punkt, der beim Scrollen erscheint, die nächsten sechs als Liste.

Im Studio öffnen

Mandantenportal

Ein lebendiges Portalfenster mit offenen Anforderungen. Einen Beleg hochladen, ein Balken läuft, der Beleg hakt sich ab und der Fortschritt wächst, bis alles da ist.

Im Studio öffnen

Erstattungsrechner

Arbeitsweg, Bürotage, Homeoffice und Arbeitsmittel als Regler. Ein Balken stellt die Werbungskosten der Pauschale gegenüber, was darüber liegt, wird grün, und die Erstattung gleitet.

Im Studio öffnen

Unterlagen-Checkliste

Ankreuzen, was auf dich zutrifft. Die Liste der Unterlagen baut sich mit jeder Wahl auf, die Anzahl springt mit, und die ganze Liste lässt sich als Checkliste kopieren.

Im Studio öffnen

Monatspauschalen

Jahresumsatz schieben, jedes Paket springt in seine Honorarstufe, die Preise gleiten. Das passende Paket bekommt Rand und Etikett.

Im Studio öffnen

Details

Was Steuerberatung mitbringt, aus Registry und Quellcode gelesen.

Bereich
Industries
Variants
5
Version
1.0.0 · seit 1.1.0
Datei
components/ui/tax-advisor.tsx
Bringt mit
utilskitbuttonframeiconsectionmotionslider
npm-Pakete
Keine
Sprachen
Englisch und Deutsch, 36 eigene Texte
Studio
Alle 5 Variants bearbeitbar
Mit KI bauen
Per MCP in Claude, Cursor, Copilot und Codex

Props

Die Schnittstelle TaxAdvisorProps aus components/ui/tax-advisor.tsx. Beschreibungen stammen aus den Kommentaren im Code und sind auf Englisch.

  • variantoptional
    TaxAdvisorVariant

    deadlinesclient-portalrefund-estimatedocumentsretainer

  • eyebrowoptional
    React.ReactNode
  • titleoptional
    React.ReactNode
  • descriptionoptional
    React.ReactNode
  • groupsoptional
    { id: string; label: string; icon?: IconName }[]

    deadlines: client groups and the deadlines

  • deadlinesoptional
    TaxDeadline[]
  • todayoptional
    string

    deadlines: the day to count from, YYYY-MM-DD. Defaults to the browser date.

  • portalUrloptional
    string

    client-portal: the address shown in the window, the client and the requests

  • clientoptional
    string
  • requestsoptional
    TaxRequest[]
  • featuresoptional
    { title: string; text?: string; icon?: IconName }[]

    client-portal: what the portal does

  • allowanceoptional
    number

    refund-estimate: allowance for work costs and rates per km

  • kmRateoptional
    number
  • kmRateFaroptional
    number
  • homeRateoptional
    number
  • homeMaxoptional
    number
  • ratesoptional
    number[]
  • situationsoptional
    TaxSituation[]

    documents

  • bandsoptional
    number[]

    retainer: revenue bands (upper limits) and packages with a fee per band

  • packagesoptional
    TaxPackage[]
  • currencyoptional
    string

Eingebaute Texte

Diese Texte schreibt Steuerberatung selbst. Die Sprache folgt dem KitProvider, über die Prop labels ersetzt du einzelne.

Alle 36 Texte anzeigen
groupEnglisch You areDeutsch Du bist
nextEnglisch Next deadlineDeutsch Nächste Frist
inDaysEnglisch in {n} daysDeutsch in {n} Tagen
todayEnglisch todayDeutsch heute
tomorrowEnglisch tomorrowDeutsch morgen
yearEnglisch The next twelve monthsDeutsch Die nächsten zwölf Monate
remindEnglisch Remind me of my deadlinesDeutsch An meine Fristen erinnern
openEnglisch Open requestsDeutsch Offene Anforderungen
uploadEnglisch UploadDeutsch Hochladen
uploadingEnglisch UploadingDeutsch Wird hochgeladen
uploadedEnglisch ReceivedDeutsch Eingegangen
progressEnglisch {n} of {total} documents inDeutsch {n} von {total} Unterlagen da
allInEnglisch Everything is in. We start on your return.Deutsch Alles da. Wir beginnen mit deiner Erklärung.
loginEnglisch Log in to the portalDeutsch Zum Portal anmelden
commuteEnglisch Way to workDeutsch Arbeitsweg
kmEnglisch {n} kmDeutsch {n} km
daysEnglisch Days in the officeDeutsch Tage im Büro
daysNEnglisch {n} daysDeutsch {n} Tage
homeEnglisch Days at homeDeutsch Tage im Homeoffice
equipmentEnglisch Work equipmentDeutsch Arbeitsmittel
rateEnglisch Your tax rateDeutsch Dein Steuersatz
refundEnglisch Possible refundDeutsch Mögliche Erstattung
costsEnglisch Your work costsDeutsch Deine Werbungskosten
allowanceEnglisch Covered by the allowanceDeutsch Durch die Pauschale abgedeckt
aboveEnglisch Above the allowanceDeutsch Über der Pauschale
noteEnglisch An estimate for employees, church tax and solidarity surcharge not included.Deutsch Schätzung für Angestellte, ohne Kirchensteuer und Solidaritätszuschlag.
startEnglisch Have it calculated exactlyDeutsch Genau berechnen lassen
situationEnglisch What applies to you?Deutsch Was trifft auf dich zu?
documentsEnglisch Bring these documentsDeutsch Diese Unterlagen brauchen wir
docsNEnglisch {n} documentsDeutsch {n} Unterlagen
copyEnglisch Copy the listDeutsch Liste kopieren
copiedEnglisch List copiedDeutsch Liste kopiert
revenueEnglisch Yearly revenueDeutsch Jahresumsatz
perMonthEnglisch / monthDeutsch / Monat
recommendedEnglisch Fits your revenueDeutsch Passt zu deinem Umsatz
chooseEnglisch Choose this packageDeutsch {name} wählen

Barrierefreiheit

Aus dem Quellcode der Component abgeleitet.

  • Steuerberatung reagiert selbst auf die Tasten Pfeil hoch, Pfeil runter, Pfeil links und Pfeil rechts.
  • Setzt aria-checked, aria-label und aria-live, damit Screenreader Zweck und Zustand ansagen.
  • Nutzt die Rollen checkbox, radio, radiogroup und status.
  • Meldet Änderungen über eine Live-Region, ohne den Fokus zu verschieben.
  • Zeigt bei Bedienung mit der Tastatur einen sichtbaren Fokusring.
  • Der Server rendert den Startzustand vollständig, JavaScript ergänzt nur die Interaktion.

Bewegung

  • Bringt eigene Animationen mit, ruhig getaktet und ohne Wackeln.
  • Bei reduzierter Bewegung (prefers-reduced-motion) bleibt sie ruhig. 4 Stellen im Code schalten Bewegung dann ab.

Häufige Fragen

Wie installiere ich Steuerberatung?

Mit aiw add @ai-website/tax-advisor. Der Befehl legt die Datei components/ui/tax-advisor.tsx in dein Projekt, der Code gehört danach dir. Mit dabei sind button, frame, icon, section, motion und slider. Weitere npm-Pakete braucht sie nicht.

Welche Varianten hat Steuerberatung?

5 Varianten, Fristen, Mandantenportal, Erstattungsrechner, Unterlagen-Checkliste und Monatspauschalen. Du wählst sie mit der Prop variant, zum Beispiel variant="client-portal".

Kann ich die Texte von Steuerberatung übersetzen?

Ja. Steuerberatung bringt 36 eigene Texte auf Deutsch und Englisch mit, etwa „Du bist“, „Nächste Frist“ und „heute“. Die Sprache folgt dem KitProvider, einzelne Texte ersetzt du über die Prop labels.

Kann ein KI-Assistent Steuerberatung einbauen?

Ja. Über den MCP-Server der aiw CLI finden Claude, Cursor, GitHub Copilot, Windsurf, Codex und Gemini Steuerberatung mit aiw_components und installieren sie mit aiw_add @ai-website/tax-advisor. Nenn im Prompt die Variante, etwa variant="deadlines", dann schreibt der Assistent deine Inhalte direkt in die Props.

Kann ich Steuerberatung ohne Code anpassen?

Ja, im Studio. Alle 5 Varianten lassen sich dort bearbeiten, Texte, Listen und Schalter. Das Studio schreibt den passenden TaxAdvisor-Code zum Kopieren.

Ähnliche Components

Mehr aus Industries, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Steuerberatung stehen.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert