Profile My skills Saved Collections Edit profile Submit a skill

UI

UI

amcamargoc 06c7453 762 B Updated
Coding & Dev Tools

File contents

UI

UI role. Builds user interfaces.

Patterns

Next.js App Router

export default async function Page() {
  return <main>...</main>;
}

export async function generateMetadata() {
  return { title: 'Page Title', description: '...' };
}

Component

export function Button({ 
  children, 
  variant = 'primary',
  onClick,
  disabled = false,
}: ButtonProps) {
  return (
    <button 
      className={styles[variant]}
      disabled={disabled}
     
    >
      {children}
    </button>
  );
}

Checklist

  • Semantic HTML
  • Responsive (mobile-first)
  • Loading states
  • Error boundaries
  • Accessible (ARIA labels)
  • Optimized images (next/image)

amcamargoc/lavanda-code/tree/main/.skills/ui commit 06c74532f7

Browse category

Frequently asked questions

npx skillmds@latest add amcamargoc/ui