coss-particles

Search an index of 480 copy-paste-ready coss UI particle patterns via JSON manifests.

1.6k|107|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/MapleTechLabs/maple --skill coss-particles-mapletechlabs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coss-particles
Source: https://github.com/MapleTechLabs/maple/tree/main/.agents/skills/coss-particles
Command: npx skills add https://github.com/MapleTechLabs/maple --skill coss-particles-mapletechlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the need to build common UI components from scratch when working with coss UI primitives, cutting down development time for repetitive interface elements.

Core Features & Use Cases

  • Comprehensive Particle Index: Curated collection of 480 copy-paste-ready UI patterns across 52 component types including buttons, dialogs, forms, and data displays, all built on coss primitives.
  • Easy Code Access: Each particle links to a standardized JSON manifest containing full source code, eliminating the need to manually search for component implementations.
  • Use Case: For example, if you need a responsive drawer component that works as a dialog on desktop and a bottom drawer on mobile, you can locate the matching particle in the index, fetch its JSON manifest, and adapt the code to your project instead of building the responsive behavior from scratch.

Quick Start

Use the coss-particles skill to find a copy-paste-ready form component with validation and adapt it for your user registration flow.

Frequently Asked Questions about coss-particles

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find copy-paste React components for common UI patterns?

To find copy-paste React components, you can use a searchable index of pre-built UI particle patterns. This provides standardized JSON manifests containing full source code for elements like buttons and dialogs to eliminate repetitive development.

What is the best way to build a responsive drawer component without starting from scratch?

The best way to build a responsive drawer component is to locate a matching particle in a UI pattern index. You can then fetch its JSON manifest and adapt the copy-paste-ready source code directly into your project.

Can I get pre-built form components with validation for rapid frontend builds?

Yes, you can get pre-built form components with validation for rapid frontend builds. A UI particle index provides copy-paste-ready, coss-compatible source code via standardized JSON manifests for easy integration and customization.

Do I need to manually search for coss UI component implementations?

No, you do not need to manually search for coss UI component implementations. A curated index of 480 UI patterns across 52 component types links each particle directly to a standardized JSON manifest containing the full source code.

Does coss-particles work with other frontend libraries besides coss UI primitives?

No, coss-particles is specifically built for projects using coss UI primitives. The 480 copy-paste-ready UI patterns and their corresponding JSON manifests are designed to deliver coss-compatible source code exclusively.