Download

Skill UI

Browse and discover 19346+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search Component Architecture , found 83 results

Default Newest Most Downloaded

Building Scalable Design Systems

This guide outlines the architecture and implementation steps for building a robust, production-ready design system. It covers core elements like design tokens, reusable components, and layout patterns. Ideal for teams needing to maintain design consistency, ensure accessibility, and synchronize design (Figma) with implementation (Storybook).

Vue 3 Development Patterns and Best Practices

Provides a comprehensive guide for modern Vue.js 3 development. It covers the Composition API, optimal component architecture (props, emits), reactive state management using Pinia, advanced routing (Vue Router), and Nuxt/SSR patterns. Use this skill when building, reviewing, or architecting large-scale, maintainable Vue applications.

Generating Valid TM7 Threat Models

tm7-threat-model

github/awesome-copilot

This skill generates fully valid Microsoft Threat Modeling Tool (.tm7) files. It translates complex system architectures, including components, data stores, data flows, and external actors, into the required WCF DataContractSerializer XML format. Use it for structured STRIDE threat modeling outputs compatible with Microsoft's official tool.

Engineering Architecture Gate Review

plan-pipeline-eng-review

FlorianBruniaux/claude-code-ultimate-guide

This gate review forces a transition from vague product direction to a concrete, buildable technical specification. It mandates the creation of architectural diagrams, data flow maps, state machines, and failure mode inventories before a single line of implementation code is written. Essential for complex features with async components or external dependencies.

Websockets Event Handler Abstraction

webiny-admin-websockets-catalog

webiny/webiny-js

This abstraction provides a centralized mechanism for handling every incoming WebSocket message. Instead of directly subscribing to the service, handlers register themselves and are responsible for filtering the event payload based on a specific 'action'. This ensures components react only to the events they are interested in, promoting efficient and decoupled application architecture.

Angular State Management

angular-state-management

sickn33/agentic-awesome-skills

Master modern Angular state management using Signals, NgRx, and RxJS. This skill helps set up global state, manage component stores, choose between state solutions, and migrate from legacy patterns. Ideal for frontend architecture and application data flow.

Astro Web Framework

sickn33/agentic-awesome-skills

Astro is a modern web framework for content-rich sites like blogs and docs. It uses Islands Architecture to ship zero JavaScript by default, improving performance. Supports multi-framework components (React, Vue, Svelte) and Markdown/MDX. Ideal for static site generation with optional SSR.

Bevy ECS Expert

bevy-ecs-expert

sickn33/agentic-awesome-skills

Master Bevy's Entity Component System (ECS) in Rust, covering Systems, Queries, Resources, and parallel scheduling. Ideal for building high-performance game logic and optimizing data-oriented architectures.

C4 Architecture Documentation Generator

c4-architecture-c4-architecture

sickn33/agentic-awesome-skills

This skill generates comprehensive C4 architecture documentation for existing codebases using a bottom-up analysis approach. It creates documentation at code, component, container, and context levels, ensuring every element is documented before synthesizing higher-level abstractions. Ideal for software teams needing clear architectural records for technical and non-technical stakeholders.

C4 Code Level Documentation Specialist

sickn33/agentic-awesome-skills

This skill specializes in creating comprehensive C4 code-level documentation by analyzing code directories. It generates detailed function signatures, arguments, dependencies, and code structure information. It also produces Mermaid diagrams like class diagrams and flowcharts to visualize object-oriented or functional code structures. Use this for documenting complex software components and understanding internal architecture.

C4 Component Level Documentation

sickn33/agentic-awesome-skills

This skill specializes in C4 Component-level architecture documentation. It synthesizes code-level details into logical components, defining boundaries, interfaces, and relationships within containers. Use it to create Mermaid diagrams, document component purposes, and establish architectural consistency for software systems.

C4 Container Documentation Specialist

sickn33/agentic-awesome-skills

Expert skill for creating C4 container-level documentation and system deployment diagrams. Guides users in mapping components to containers, documenting APIs with OpenAPI specs, and generating Mermaid C4Container diagrams for microservices architecture.

Prev 1 2 3 4 567 Next

Language