← All skill packs

UI Design & Development Skills

Skill pack
3 skills0 selected
ilhankazanSkills in this pack

Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like compound components, render props, custom hooks, and HOCs. Use when creating component libraries, implementing component composition, building reusable UI elements, designing prop APIs, managing component state patterns, implementing controlled vs uncontrolled components, creating compound components, using render props or children as functions, building custom hooks, or establishing component architecture standards.

English

Use when working on MinIO image upload, image storage, file upload endpoints, or any feature that stores user-generated content (product images, profile photos, tenant logos). Covers the backend-proxy upload pattern, bucket organization, validation, and known issues with the current ImageService implementation.

English

Use when writing or reviewing Java Spring Boot code in any backend service. Covers the layered architecture (controller/service/repository/entity/mapper), DTO/Command/Info/Request/Response distinctions, @Transactional boundaries, @Cacheable rules, exception handling, tenant RBAC, @CurrentUser, Feign client patterns, and MapStruct. Triggers on controller/service/entity/mapper work.

English

Includes Frontend Component Patterns, Minio Storage Pattern, and Spring Service Conventions.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills3CategoryengineeringStars0

What’s included

Frontend Component Patterns

Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like compound components, render props, custom hooks, and HOCs. Use when creating component libraries, implementing component composition, building reusable UI elements, designing prop APIs, managing component state patterns, implementing controlled vs uncontrolled components, creating compound components, using render props or children as functions, building custom hooks, or establishing component architecture standards.

Minio Storage Pattern

Use when working on MinIO image upload, image storage, file upload endpoints, or any feature that stores user-generated content (product images, profile photos, tenant logos). Covers the backend-proxy upload pattern, bucket organization, validation, and known issues with the current ImageService implementation.

Spring Service Conventions

Use when writing or reviewing Java Spring Boot code in any backend service. Covers the layered architecture (controller/service/repository/entity/mapper), DTO/Command/Info/Request/Response distinctions, @Transactional boundaries, @Cacheable rules, exception handling, tenant RBAC, @CurrentUser, Feign client patterns, and MapStruct. Triggers on controller/service/entity/mapper work.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Frontend Component Patterns skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
UI Design & Development Skills | Agent Skills Atlas