·reusable-ui-components
*

reusable-ui-components

✓
evanbacon/crispyGitHub: evanbacon/crispySource: evanbacon/crispy

Guidelines for creating reusable, portable UI components with native-first design, compound patterns, and accessibility

evanbacon·reusable·ui·components
5Installs·0Trend·@evanbacon

Installation

GitHub: evanbacon/crispy
$npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components

How to Install reusable-ui-components

Quickly install reusable-ui-components AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: evanbacon/crispy.

SKILL.md

View raw

This guide covers building production-quality, portable UI components inspired by shadcn/ui, Base UI, Radix, and Konsta UI. Components follow iOS San Francisco design guidelines with liquid glass aesthetics and prioritize native primitives with graceful fallbacks.

| shadcn/ui | Component structure, copy-paste architecture | | Radix UI | Compound component patterns, accessibility primitives | | Base UI | Headless component APIs, composition patterns | | Konsta UI | iOS liquid glass aesthetics, platform-adaptive styling |

Use compound components for complex, multi-element UI. This provides flexibility while maintaining cohesive behavior.

Guidelines for creating reusable, portable UI components with native-first design, compound patterns, and accessibility Source: evanbacon/crispy.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components
Source
evanbacon/crispy
Category
*Creative Media
Verified
✓
First Seen
2026-02-25
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/evanbacon/crispy/reusable-ui-components

Browse more skills from evanbacon/crispy

Quick answers

What is reusable-ui-components?

Guidelines for creating reusable, portable UI components with native-first design, compound patterns, and accessibility Source: evanbacon/crispy.

How do I install reusable-ui-components?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/evanbacon/crispy

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-25

Related Skills

None