Toolverse
All skills

build-feature

by elianiva

Use when creating or developing a feature, this contains a focused instructions for building features.

Installation

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

Installation

Quick info

Author
elianiva
Category
Frontend

About this skill

Use when creating or developing a feature, this contains a focused instructions for building features.

How to use

  1. Przed rozpoczęciem upewnij się, że rozumiesz wymagania funkcji — jeśli coś jest niejasne, poproś o wyjaśnienie zamiast zgadywać.
  2. Jeśli istnieje już plan rozwoju funkcji, postępuj zgodnie z nim; pytaj o dodatkowe wyjaśnienia, jeśli napotkasz wątpliwości.
  3. Zamiast budować całą funkcję od razu, zacznij od małego, end-to-end fragmentu (tracer bullet) — coś, co przechodzi przez wszystkie warstwy systemu (frontend, logika biznesowa, baza danych).
  4. Zbuduj i przetestuj ten mały fragment, aby szybko uzyskać informację zwrotną i sprawdzić, czy podejście architektoniczne jest słuszne.
  5. Pokaż wynik użytkownikowi lub zespołowi i zbierz feedback zanim rozszerzysz funkcjonalność.
  6. Na podstawie otrzymanego feedbacku rozwijaj funkcję stopniowo, dodając kolejne fragmenty, zawsze zachowując end-to-end testowanie.

Related skills

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

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

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151