iButters

47 mods across 1 repository, 3 stars between them.

Skill Development

25

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

This skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organize skill content", or needs guidance on skill structure, progressive disclosure, or skill development best practices for Claude Code plugins.

3 8mo ago A 63 tokens

spec-requirements

28

iButters/ClaudeCodePlugins

Agent

You are a Requirements Engineering specialist implementing Spec-Driven Development using EARS (Easy Approach to Requirements Syntax) notation.

3 8mo ago A 0 tokens

spec-tasks

29

iButters/ClaudeCodePlugins

Agent

You are an Implementation Planner creating actionable task breakdowns for Spec-Driven Development.

3 8mo ago A 0 tokens

EARS Notation

37

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

This skill should be used when the user asks about "EARS syntax", "EARS notation", "acceptance criteria format", "SHALL patterns", "formal requirements", "WHEN THE SHALL", or needs guidance on writing testable requirements using EARS (Easy Approach to Requirements Syntax).

3 8mo ago A 63 tokens

ui-kit-generator

38

iButters/ClaudeCodePlugins

Plugin Claude Code

Interactive UI-Kit generator using Atomic Design principles (Atoms → Molecules → Organisms → Templates → Pages). Features intelligent planning agent, parallel component generation via subagents, and design system creation with automatic dependency resolution.

3 8mo ago A tokens not measured

iButters/ClaudeCodePlugins

Agent

You are an experienced React developer and UX designer, specialized in creating modern web applications with Atomic Design, design token systems, and Storybook.

3 8mo ago A 9 tokens

atomic-design

40

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Atomic Design methodology for React component architecture. Use for structuring component libraries, organizing UI hierarchies, and creating scalable design systems. Triggers on requests for component organization, design system structure, UI hierarchy, or questions about Atoms/Molecules/Organisms/Templates/Pages.

3 8mo ago A 59 tokens

css-tokens

41

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Design tokens system using CSS Custom Properties for consistent styling. Use for creating color palettes, spacing scales, typography systems, and theming (dark/light mode). Triggers on requests for design tokens, CSS variables, theming, color systems, spacing scales, or consistent styling.

3 8mo ago A 59 tokens

mobile-app-ux

42

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Mobile app UX/UI best practices for smartphone interfaces. Use for designing touch-friendly interfaces, mobile navigation patterns, gesture handling, and optimizing user experience on small screens. Triggers on requests for mobile UX, app design, touch interfaces, mobile patterns, or smartphone UI best practices.

3 8mo ago A 60 tokens

react-typescript

43

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Modern React 19 with TypeScript development. Use for creating React components, hooks, context providers, and applications with strict TypeScript typing. Triggers on requests for React components, functional components, hooks, state management, event handling, or TypeScript interfaces/types for React.

3 8mo ago A 59 tokens

react-web

44

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Modern React 19+ development with Server Components, Actions, hooks, TypeScript integration, and performance optimization. Use when building React web applications, implementing Server Components, using Actions for form handling, working with new hooks (use, useActionState, useOptimistic, useFormStatus), setting up…

3 8mo ago A 77 tokens

responsive-design

45

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Responsive web design patterns for mobile-first development. Use for creating fluid layouts, breakpoint systems, responsive typography, flexible grids, and adaptive components. Triggers on requests for responsive layouts, mobile-first CSS, breakpoints, media queries, fluid design, or multi-device support.

3 8mo ago A 57 tokens

storybook

46

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Storybook 8 for React component documentation and testing. Use for creating stories, documenting components with Controls/Actions, visual testing, and MDX documentation. Triggers on requests for Storybook stories, component documentation, visual testing, or interactive component demos.

3 8mo ago A 53 tokens

zustand-store

47

iButters/ClaudeCodePlugins

Skill Claude CodeCodex

Skill "zustand-store" from iButters/ClaudeCodePlugins, covering zustand store patterns, store structure, basic store pattern, selectors pattern and usage in components.

3 8mo ago A 0 tokens