Toolverse
All skills
Frontend

library

by atopile

How the Faebryk component library is structured, how `_F.py` is generated, and the conventions/invariants for adding new library modules.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
atopile
Category
Frontend
Views
6
GitHub repo

About this skill

How the Faebryk component library is structured, how _F.py is generated, and the conventions/invariants for adding new library modules.

How to use

  1. Zapoznaj się ze strukturą biblioteki znajdującą się w katalogu src/faebryk/library/. Zawiera ona komponenty fizyczne (np. Resistor.py, Capacitor.py) oraz definicje cech behawioralnych (np. can_bridge.py, is_power.py).
  2. Importuj komponenty z wygenerowanego modułu _F.py używając wzorca import faebryk.library._F as F. Plik _F.py jest automatycznie generowany i nie powinien być edytowany ręcznie.
  3. Jeśli chcesz dodać nowy komponent lub cechę, utwórz plik w katalogu src/faebryk/library/ z klasą o tej samej nazwie co plik. Rozróżniaj między Traits (cechy behawioralne — co komponent może robić) a Components (komponenty fizyczne — czym komponent jest).
  4. Po dodaniu nowego modułu uruchom generator tools/library/gen_F.py, który automatycznie skanuje katalog biblioteki, wykrywa nowe klasy i aktualizuje plik _F.py. Generator obsługuje porządkowanie eksportów poprzez sortowanie topologiczne, aby uniknąć cyklicznych importów.
  5. Przetestuj nowy komponent w swoim kodzie atopile, importując go z F i tworząc instancję za pomocą metod bind_typegraph() i create_instance(), tak jak w przykładzie z rezystorem.

Related skills

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

frontend-ui-ux

by code-yeongyu

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Frontend
1884

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139