All authors
Claude Skills by majiayu000
github.com/majiayu00015,502 skills839 installs32,278 views
- Component DocumenterWrite professional documentation including README files, Storybook stories, API docs, usage examples, and migration guides for component librariesVotes: 0GitHub stars: 666
- Component FixSystematic component implementation fixes. Uses Serena MCP symbolic tools for efficient code modification. Handles token usage updates, pattern standardization, accessibility fixes, and Props API alignment. Always validates with build-validation after changes.Votes: 0GitHub stars: 666
- Component From Capture画像キャプチャ（直接貼り付けまたはファイルパス指定）から既存のWindows Forms風Astroコンポーネントを組み合わせて画面ページを自動生成します。UIデザインを解析し、レイアウト、色、サイズ、テキストを再現した画面を作成します。Votes: 0GitHub stars: 666
- Component GeneratorGenerates new React Native components following Ishkul patterns. Creates component with proper TypeScript types, theme integration, variant support, accessibility, and matching test file. Use when creating reusable UI components.Votes: 0GitHub stars: 666
- Component HierarchyGuide component selection in ResRequest Vue projects. Ensures correct usage of ShadCN-Vue vs custom components, proper imports, and design system compliance. Activates when creating or modifying Vue components.Votes: 0GitHub stars: 666
- Component ImplementerImplements UI components from design specifications. Use when implementing frontend components, pages, or UI elements. Follows design specs from ui-ux-designer, implements responsive design, and ensures accessibility.Votes: 0GitHub stars: 666
- Component IntegrationReact, MDX, and Tailwind CSS integration patterns for Astro websites. Use when adding React components, configuring MDX content, setting up Tailwind styling, integrating component libraries, building interactive UI elements, or when user mentions React integration, MDX setup, Tailwind configuration, component patterns, or UI frameworks.Votes: 0GitHub stars: 666
- Component LayerThis skill should be used when the user asks to 'create a component', 'add a button', 'build a card', 'add UI element', or 'create a feature component'. Provides guidance for React components using shadcn/ui, Radix primitives, and CVA patterns in components/**/*.tsx.Votes: 0GitHub stars: 666
- Component Library CreatorCreate design system with Storybook and theming.Votes: 0GitHub stars: 666
- Component LibraryConditionally installs GitHub Packages component library at latest version. Adds to package.json when user requests it.Votes: 0GitHub stars: 666
- Component NamingEnforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.Votes: 0GitHub stars: 666
- Component NewCreate a new React component with TypeScript and modern best practicesVotes: 0GitHub stars: 666
- Component OrganizationMaintain consistent file structure - components/ui for base shadcn, components/shared for composed components, pages for routes, always use barrel exportsVotes: 0GitHub stars: 666
- Component PatternsGuidelines for organizing React components in Shadow Master. Use when creating new components, deciding between single-file vs subfolder structure, or understanding the component architecture.Votes: 0GitHub stars: 666
- Component Refactor Planner指定されたコンポーネントのリファクタリングを設計する。Votes: 0GitHub stars: 666
- Component RefactorGuia refatoração de componentes React seguindo padrões do Ultrathink, reduzindo duplicação e criando componentes genéricos reutilizáveisVotes: 0GitHub stars: 666
- Component RefactoringRefactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when `pnpm analyze-component` warns to refactor before testing; avoid for simple/well-structured components, third-party wrappers, or when the user explicitly wants testing without refactoring.Votes: 0GitHub stars: 666
- Component ResearchThis skill should be used when the user asks to "evaluate if TBC coversVotes: 0GitHub stars: 666
- Component Scaffold GeneratorGenerates clean React/Vue component skeletons with TypeScript types, prop variants, styling hooks, test files, Storybook stories, and usage documentation. Use when users request "create a component", "scaffold component", "new React component", or "generate component boilerplate".Votes: 0GitHub stars: 666
- Component ScaffoldScaffold a new UI component following Pierre design system patternsVotes: 0GitHub stars: 666
- Component ScaffoldingGenerate Drupal/Twig component skeletons with web components and Miyagi validation. Use when user requests to create, scaffold, or add a new component at a specific path (e.g., "add component skeleton at patterns/share-button"), or when creating component files including Twig templates, CSS, JavaScript web components, JSON schemas, or mock data files.Votes: 0GitHub stars: 666
- Component Screenshot TestingScreenshot testing for React components with Playwright. Captures component pixels and compares to baselines. Auto-apply when editing React component stories or *.visual.spec.ts files that test UI components.Votes: 0GitHub stars: 666
- Component SearchThis skill should be used when users need to discover Redpanda Connect components for their streaming pipelines. Trigger when users ask about finding inputs, outputs, processors, or other components, or when they mention specific technologies like "kafka consumer", "postgres output", "http server", or ask "which component should I use for X".Votes: 0GitHub stars: 666
- Component SlotsAdding data-slot attributes for CSS targeting and component documentationVotes: 0GitHub stars: 666
- Component StylingComponent style templates and BEM naming for vehicle insurance platform. Use when styling Vue components, implementing BEM classes, creating responsive layouts, or writing scoped CSS. Keywords: BEM naming, component styles, KpiCard, FilterPanel, scoped CSS, responsive design, card styles, button styles, form controls.Votes: 0GitHub stars: 666
- Component TemplatesUI component library templates (buttons, forms, cards, modals, etc.). Use when generating frontend UI components.Votes: 0GitHub stars: 666
- Component Test Planner指定されたコンポーネントのテストを設計する。Votes: 0GitHub stars: 666
- Component Test Runner指定されたコンポーネントの全テスト（unit, a11y, vrt, interaction）を実行し、結果をレポートする。Votes: 0GitHub stars: 666
- Component TesterRun Vitest tests for a specific component with coverage. Use when making changes to React components to ensure tests pass and coverage is maintained.Votes: 0GitHub stars: 666
- Component Testing MobileJest and React Native Testing Library patterns. Use when writing component tests.Votes: 0GitHub stars: 666
- Component Testing PatternsVitest browser mode component testing. Use for testing Svelte 5 components with real browsers, locators, accessibility patterns, and reactive state.Votes: 0GitHub stars: 666
- Component TestingUse this skill to create or modify tests for a component.Votes: 0GitHub stars: 666
- Component TransformerOrchestrates the migration of legacy MUI or generic components to the Northcote Curio design system. Specializes in "Refactor-on-Port" logic, ensuring visual transformation while preserving business state and behavioral integrity.Votes: 0GitHub stars: 666
- Component Usage AnalysisAnalyse component dependencies and usage patterns in a Drupal/Twig component library. Use when user asks to find where a component is used, check if a component can be safely removed, audit component dependencies, find components using specific properties, or analyse impact of refactoring a component.Votes: 0GitHub stars: 666
- Component Usage AnalyticsUse this skill when users mention "component usage", "where is this component used", "deprecate component", "migration impact", "component analytics", or want to track and analyze component usage across the codebase with deprecation planning and migration impact analysis.Votes: 0GitHub stars: 666
- Component Usage동구라미 앱 컴포넌트 라이브러리 사용 가이드. UI 컴포넌트 구현, 스타일 커스터마이징, 위젯 활용법 안내. Keywords: component, widget, ui, style, button, dialog, text field, chip, app bar, drawerVotes: 0GitHub stars: 666
- Component VariantsComponent variant system with Glass, Outline, and Flat styles. Use when creating multi-style components, variant props, or style switching.Votes: 0GitHub stars: 666
- Component WorkflowGuide the creation of new ECS components following established architectural patterns including component class creation, JSON serialization support, editor UI implementation, dependency injection registration, and documentation. Use when adding new component types to the engine or extending existing component functionality.Votes: 0GitHub stars: 666
- Component Wrapper ArchitectureBest practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components.Votes: 0GitHub stars: 666
- ComponentBase skill for working with electronic components in this library. Use when adding new component types, manufacturer handlers, or working with MPN (Manufacturer Part Number) operations, BOM entries, or component classification.Votes: 0GitHub stars: 666
- Components GeneratorsGuidance for writing `@kubb/react-fabric` components and generators (React-based and function-based).Votes: 0GitHub stars: 666
- ComponentsStandards for Standalone Components, Signals inputs, and Control Flow.Votes: 0GitHub stars: 666
- Composable PrimitivesDesign composable agentic primitives for flexible workflows. Use when creating reusable workflow building blocks, designing SDLC primitives, or building agent operations that can be combined in different ways.Votes: 0GitHub stars: 666
- Composable Rust ArchitectureExpert knowledge for building event-driven systems with Composable Rust framework. Use when implementing reducers, designing state machines, working with effects, creating environment traits for dependency injection, building stores, or answering questions about core architectural patterns and the unidirectional data flow model.Votes: 0GitHub stars: 666
- Composable Rust Event SourcingExpert knowledge for implementing event sourcing in Composable Rust. Use when implementing event-sourced aggregates, working with EventStore trait or PostgreSQL, designing event schemas, implementing state reconstruction, dealing with optimistic concurrency and version tracking, or questions about event sourcing, CQRS, and persistence patterns.Votes: 0GitHub stars: 666
- Composable Rust ProductionExpert knowledge for deploying and operating Composable Rust applications in production. Use when setting up database migrations, configuring connection pools, implementing backup/restore procedures, tuning performance, setting up monitoring and observability, or handling operational concerns like disaster recovery and production database management.Votes: 0GitHub stars: 666
- Composable Rust SagasExpert knowledge for implementing distributed sagas in Composable Rust. Use when coordinating multiple aggregates in distributed transactions, implementing compensation logic or rollback flows, working with EventBus trait or Redpanda integration, designing saga state machines, or questions about eventual consistency and distributed transaction patterns.Votes: 0GitHub stars: 666
- Composable Rust TestingExpert knowledge for testing Composable Rust applications. Use when writing unit tests for reducers, setting up integration tests with real dependencies, using test utilities (TestStore, FixedClock, mocks), working with testcontainers for PostgreSQL/Redpanda, property-based testing, or questions about testing patterns and best practices.Votes: 0GitHub stars: 666
- Composable Rust WebExpert knowledge for building web APIs and real-time applications with Composable Rust. Use when building HTTP REST APIs with Axum, implementing WebSocket for real-time updates, working with authentication (magic link, OAuth, passkeys), setting up email providers (SMTP, Console), designing API routes or request handlers, or questions about web integration and real-time communication.Votes: 0GitHub stars: 666
- Composable Step DesignDesign Plan/Build/Review/Fix workflow steps for ADWs. Use when creating composable workflow primitives, defining step contracts, or implementing step isolation patterns.Votes: 0GitHub stars: 666