Compose UI sections and app patterns with sequencing and component diversity rules.
npx skills add https://github.com/PerceptLabs/wiggum --skill gumdrops
Please help me install this Agent Skill. Skill: gumdrops Source: https://github.com/PerceptLabs/wiggum/tree/main/apps/ide/src/skills/gumdrops Command: npx skills add https://github.com/PerceptLabs/wiggum --skill gumdrops
This Skill provides a structured system for composing UI sections and application patterns, ensuring consistency, adherence to design principles, and efficient development by leveraging pre-defined recipes and component usage rules.
Use the gumdrops skill to find a recipe for a pricing section.
High-intent search queries and answers about installing and using this skill.
To build cohesive UI sections without design anti-patterns, use compositional recipes that enforce sequencing and component diversity rules. This structured approach prevents inconsistent layouts and ensures maintainable frontend architecture across marketing, app, and content pages.
The best way to compose a marketing landing page with a design system is to leverage pre-defined UI recipes for standard sections like hero areas and pricing tiers. This ensures components flow cohesively and adhere to established design rules.
To avoid underused UI components in frontend architecture, apply a component reach map that encourages utilizing a wider range of available elements. This approach guides developers toward richer interfaces and prevents repetitive component patterns.
Yes, you can use compositional recipes for full-stack data flows in web applications. These recipes provide structured blueprints for application patterns, ensuring sequencing and component diversity are maintained across both UI sections and underlying data interactions.
You need compositional recipes for UI composition when building new app patterns or web application sections that require strict adherence to design principles. They provide pre-defined blueprints that prevent anti-slop patterns and ensure efficient, consistent development.
akillnessProvide reusable React UI component patterns with TypeScript and accessibility.
HerxinsasaGenerate distinctive frontend interfaces with intentional typography and cohesive color themes.
Rub-gitGuide Vue frontend development with Design System components and styles.
timothyfroehlichCreate accessible shadcn/ui interfaces with Tailwind CSS v4 patterns.
