Toolverse
All skills
Frontend

spec

by garden-co

Implement features using Spec Driven Development (SDD) workflow. Creates design and task documents with approval gates.

Installation

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

Installation

Quick info

Author
garden-co
Category
Frontend
Views
2
GitHub repo

About this skill

Implement features using Spec Driven Development (SDD) workflow. Creates design and task documents with approval gates.

How to use

  1. Poproś skill o wdrożenie nowej funkcji — skill automatycznie utworzy katalog .specs/{nazwa_funkcji} z użyciem konwencji kebab-case dla nazwy.

  2. Jeśli chcesz dokument wymagań, wyraźnie poproś o jego utworzenie — skill stworzy requirements.md z sekcją Introduction i User Stories zapisanymi w stylu EARS (Easy Approach to Requirements Syntax).

  3. Przejrzyj dokument wymagań razem ze skillem — sprawdź brakujące przypadki brzegowe, niezdefiniowane zachowania i obsługę błędów, a skill zaproponuje ulepszenia.

  4. Zatwierdź wymagania — skill nie przejdzie do następnego kroku bez Twojego jawnego zgodzenia.

  5. Skill utworzy dokument zadań (task document) na podstawie zatwierdzonego specyfikacji — zawierać będzie konkretne kroki implementacji i punkty kontrolne.

  6. Zatwierdzić plan zadań — dopiero wtedy skill będzie gotów wspierać kodowanie funkcji zgodnie z ustaloną specyfikacją.

Related skills

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

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

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

frontend-ui-ux

by code-yeongyu

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

Frontend
1884

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058