Toolverse
All skills

design-documentation

by jasonkneen

Transform approved requirements into comprehensive technical designs. Define system architecture, component interactions, data models, and interfaces to create a blueprint for implementation.

Installation

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

Installation

Quick info

Category
UX / Design
Views
1

About this skill

Transform approved requirements into comprehensive technical designs. Define system architecture, component interactions, data models, and interfaces to create a blueprint for implementation.

How to use

  1. Upewnij się, że faza wymagań jest zakończona i zatwierdzona przez interesariuszy. Skill działa najlepiej, gdy masz jasne, sformułowane wymagania funkcjonalne i niefunkcjonalne (wydajność, bezpieczeństwo, skalowalność).

  2. Przeanalizuj wymagania, zadając sobie kluczowe pytania: co system musi robić, jakie są oczekiwania wydajnościowe, które istniejące systemy będą dotknięte, jakie są wymogi bezpieczeństwa i jakie mogą być punkty awarii.

  3. Zbierz kontekst techniczny — zbadaj dostępne technologie, alternatywy, punkty integracji z istniejącym kodem i ograniczenia (stos technologiczny, timeline, zasoby).

  4. Użyj dostarczonego szablonu dokumentu projektowego, wypełniając sekcje: Przegląd, Architektura, Komponenty i Interfejsy, Modele Danych, Obsługa Błędów oraz Strategia Testowania.

  5. Opisz architekturę systemu — jak komponenty współpracują ze sobą, jakie są przepływy danych i zależności między modułami.

  6. Zdefiniuj modele danych i struktury — jakie dane będą przechowywane, jak będą powiązane i jakie będą interfejsy dostępu do nich. Skill pomaga udokumentować te decyzje w sposób zrozumiały dla całego zespołu.

Related skills

godot-gdscript-patterns

by sickn33

Master Godot 4 GDScript patterns including signals, scenes, state machines, and optimization. Use when building Godot games, implementing game systems, or learning GDScript best practices.

UX / Design
27105

scroll-experience

by davila7

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not

UX / Design
75117

figma-integration

by duongdev

Guides design-to-code workflow using Figma integration. Helps extract designs, analyze components, and generate implementation specs. Auto-activates when users mention Figma URLs, design implementation, component conversion, or design-to-code workflows. Works with

UX / Design
18121

ui-ux-expert-skill

by fercracix33

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility

UX / Design
60158

mcp-builder

by anthropics

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

UX / Design
91171

motion-graphics

by rohitg00

Kinetic typography, logo animations, and stylized motion design skill.\n\n**Triggers when:**\n- User wants text animations or kinetic typography\n- Request involves logo reveals or title sequences\n- Content focuses on visual impact over education\n- User mentions \

UX / Design
2126