skills.rest
Alif-N
Alif-NCOMMUNITY
Explore all skills by this author →
GitHub

buildpad-reference

Reference Buildpad UI components and rules for application development.

Updated Jun 12, 2026
Search Tags:#ui components#ui development#component catalog#buildpad#rule reference
One-click install
npx skills add https://github.com/Alif-N/fe-sima-arome --skill buildpad-reference
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: buildpad-reference
Source: https://github.com/Alif-N/fe-sima-arome/tree/main/.agents/skills/buildpad-reference
Command: npx skills add https://github.com/Alif-N/fe-sima-arome --skill buildpad-reference

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive catalog of Buildpad UI components and rule references, ensuring developers use the correct components and follow best practices.

Core Features & Use Cases

  • Component Catalog: Lists over 40 available components, hooks, services, and types.
  • Rule Reference: Enforces the use of Buildpad components over raw Mantine components.
  • Use Case: When developing a new Buildpad application, use this Skill to quickly find the appropriate component or rule to use, saving time and ensuring consistency.

Quick Start

To find the correct Buildpad component for your needs, use the buildpad-reference skill and search for the component type you require.

Frequently Asked Questions about buildpad-reference

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

FAQPage Schema
How do I find the correct UI component for a Buildpad application?▼

The Buildpad UI component catalog lists over 40 available components, hooks, services, and types. You search the reference by component type to quickly find the appropriate UI element and ensure development consistency.

Why should I use Buildpad UI components over raw Mantine components?▼

You should use Buildpad UI components over raw Mantine components because the Buildpad rule reference enforces this practice. This ensures developers follow best practices and maintain consistency across the application.

What is included in the Buildpad rule reference?▼

The Buildpad rule reference includes guidelines enforcing the use of Buildpad components over raw Mantine components. It ensures developers follow UI development best practices and maintain consistency.

Do I need prior knowledge of Buildpad's UI components to use this reference?▼

Yes, using the Buildpad UI component reference requires existing knowledge of Buildpad's UI components and rules. It is designed to help developers apply correct components rather than teach foundational concepts.

Can I search for specific hooks and types in the Buildpad reference?▼

Yes, the Buildpad reference catalog lists over 40 available components alongside hooks, services, and types. You can search the reference to find the specific element you require for your development needs.

Related Skills

Explore More Software Engineering Skills→
Alif-NAlif-N

create-collection

Generate database migrations, API routes, UI pages, TypeScript types, and tests for new DaaS collections.

Community
Advanced
BaraArdiwinataBaraArdiwinata

buildpad-reference

Catalog Buildpad UI components and enforce Buildpad-First rules.

Community
Advanced
Alif-NAlif-N

create-component

Generate React components following DaaS patterns and TypeScript standards.

Community
Intermediate
hasnahasna

shadcn

Integrates reusable UI components into your Tailwind and React projects via the managed screen reader.

Official
Intermediate