Run any Skill in Manus with one click

component-patterns

Component patterns and conventions for this project's UI. Use when doing any UI work — building features, adding pages or routes, editing components, composing forms, fixing bugs, or reviewing frontend code.

Run Skill in Manus

Stars0

Forks0

UpdatedMarch 24, 2026 at 05:24

Source

oakoss

oakoss/finance-tracker

View GitHub Repository View Creator Repositories

Install command

Download

Run Skill in Manus

Useful forSOC

Software DevelopersComputer and Mathematical Occupations15-1252L4

SKILL.md

readonly

More from this repository

same repository

react-doctor

oakoss/finance-tracker

Use after editing React code, before committing, or when cleaning up a codebase. Runs the local react-doctor analyzer to surface state/effects, performance, security, accessibility, and architecture issues, and to flag health-score regressions vs the base branch.

2026-05-260

name	component-patterns
description	Component patterns and conventions for this project's UI. Use when doing any UI work — building features, adding pages or routes, editing components, composing forms, fixing bugs, or reviewing frontend code.

Read the component documentation before writing or modifying UI code.

Component golden rules

@docs/development/components/README.md

Detailed references

Read these on-demand based on the work at hand:

Structure and data attributes: @docs/development/components/structure.md
Behavior (state + accessibility): @docs/development/components/behavior.md
Implementation (types + Base UI render patterns): @docs/development/components/implementation.md
TanStack integrations (Form, Router, Query, Table): @docs/development/components/tanstack.md
Form examples (Select items, Field, validation): @docs/development/components/examples/form.md
Confirm destructive dialog: @docs/development/components/examples/confirm-destructive-dialog.md
Styling and design tokens: @docs/development/styling.md
Toast conventions: @docs/development/toasts.md