skills.rest
bihaviour
bihaviourOFFICIAL
Explore all skills by this author →
WebsiteGitHub

patties

Generate Patties UI components and full-stack feature scaffolds with typed mock data.

Updated May 24, 2026
Search Tags:#full-stack#react#scaffolding#bun#ui-components#patties#feature-patterns
One-click install
npx skills add https://github.com/bihaviour/bun-patties --skill patties
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: patties
Source: https://github.com/bihaviour/bun-patties/tree/main/packages/create-patties/templates/_claude/.claude/skills/patties
Command: npx skills add https://github.com/bihaviour/bun-patties --skill patties

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the tedious, error-prone work of manually writing repetitive UI components and full-stack feature boilerplate for Patties applications, ensuring all output adheres to framework conventions and cuts down development time significantly.

Core Features & Use Cases

  • UI Component Stamping: Instantly add pre-built, framework-vetted Patties UI components from the official catalog directly into your project, no hand-authoring of component source required.
  • Feature Pattern Scaffolding: Generate complete, convention-aligned file structures for common full-stack patterns including auth with RBAC, CRM interfaces, task boards, pivot tables, and dashboards, all with typed mock data layers.
  • Real-World Use Case: A dev building a veterinary clinic management tool can use this Skill to scaffold a full contacts CRM with list, detail, and edit pages in seconds, instead of writing all routing, island, and mock data code from scratch.

Quick Start

Use the patties skill to add a pre-built UI component to your Patties app or scaffold a complete feature pattern like a CRM or task board with all required files and mock data.

Frequently Asked Questions about patties

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

FAQPage Schema
How do I scaffold a CRM interface with React and Bun without writing boilerplate?▼

Scaffolding a CRM interface is done by generating complete, convention-aligned file structures for list, detail, and edit pages, alongside typed mock data layers. This eliminates manual boilerplate for Bun-native Patties applications, producing routing and island files instantly.

Can I generate auth and RBAC feature patterns for a full-stack Bun application?▼

Generating auth and RBAC feature patterns for a full-stack Bun application is fully supported. The Skill creates complete file structures and typed mock data layers that align with Patties routing, island, and middleware conventions for rapid deployment.

What is the best way to add pre-vetted UI components to a Patties project?▼

Adding pre-vetted UI components to a Patties project is best done by stamping them directly from the official catalog. This applies pre-built, framework-vetted components into your project, bypassing the need to hand-author component source code.

Does this scaffolding tool work with task boards, pivot tables, and dashboards?▼

This scaffolding tool works with task boards, pivot tables, and dashboards by generating complete, convention-aligned file structures. It stamps UI components and creates typed mock data layers that integrate seamlessly with Patties routing and island architecture.

Why do my manually implemented Patties UI components lack framework conventions?▼

Manually implemented Patties UI components often lack framework conventions due to repetitive, error-prone hand-authoring. The Skill solves this by applying framework-conformant file structures, stamped UI components, and typed mock data layers that align with Patties routing and middleware.

When should I not use automated scaffolding for full-stack feature patterns?▼

Automated scaffolding for full-stack feature patterns should be avoided when your application requires highly custom routing or island architectures that deviate from standard Patties conventions, as the generated file structures and mock data layers are pre-vetted for framework alignment.

Related Skills

Explore More Software Engineering Skills→
iludeilude
8

typescript-testing

Enforce Bun-based TypeScript and JavaScript test execution with bun test.

Community
Advanced
gaoqiongxiegaoqiongxie
1

testing-patterns

Provide framework-agnostic test patterns and anti-pattern detection for full-stack projects.

Community
Intermediate
AutisticAFAutisticAF
4

testing-test-contract

Generate reusable contract test suites for Swift protocols.

Community
Intermediate
bihaviourbihaviour

patties-cli

Manage Patties app lifecycles via guided CLI operations for dev, build, deploy, and secrets.

Official
Intermediate