GitHub
figma-to-page
Generates React code for a full page based on pasted Figma 'Inspect' details. Uses the page scaffolder.
☆ 1View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: Content & media
Browse skills
GitHub
react-component-scaffolder
DEPRECATED: Use component-builder instead for M3-compliant, production-grade components.
☆ 1View skill
GitHub
react-page-scaffolder
Creates a complete React page directory (page.tsx, index.ts, styles.css) with routing integration. Use when asked to create a new page, view, or route handler that combines components and layouts.
☆ 1View skill
GitHub
jest-test-scaffolder
Scaffolds Jest unit tests for React components and hooks. Use when creating tests for frontend components.
☆ 1View skill
GitHub
storybook-scaffolder
Generates a Storybook story file (*.stories.tsx) with M3 design token imports and interactive variant stories. Use when documenting React components for development and QA testing.
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 1View skill
GitHub
frontend-component
Generate React components for IntelliFill following patterns (forwardRef, CVA variants, Radix UI, TailwindCSS). Use when creating UI components, forms, or pages.
☆ 1View skill
GitHub
file-upload
Complete guide for implementing file uploads in IntelliFill with React-dropzone frontend, Multer backend, file validation, Bull queue processing, and security best practices
☆ 1View skill
GitHub
state-management
Client-side state patterns for Web Components. Use when building interactive applications requiring state synchronization, reactive updates, or undo/redo functionality.
☆ 1View skill
GitHub
wraps-email
TypeScript SDK for AWS SES with automatic credential resolution, React.email support, and template management.
☆ 1View skill
GitHub
add-component
새 React 컴포넌트를 생성합니다. shadcn/ui 스타일과 프로젝트 컨벤션을 준수합니다. 사용법: /add-component ComponentName [directory]
☆ 1View skill
GitHub
react
React coding style and best practices.
☆ 1View skill
GitHub
react-frontend-standards
Expert guidance on QuanuX frontend development, enforcing Backend-Driven UI architecture and high-performance React patterns.
☆ 1View skill
GitHub
mvvm-development
Explain how to implement and evolve MVVM features using the repo’s `@web-loom/mvvm-core`, the shared `models`/`view-models` packages, and the reference MVVM apps (React/Angular/Vue). Use when Codex is asked abo...
☆ 1View skill
GitHub
design-theming
Use `@web-loom/design-core` to theme apps with a flat/paper look and follow the UX/UI guidance captured in `apps/mvvm-react-integrated`. Trigger this skill for theming questions, setting up token+theme pipeline...
☆ 1View skill
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 1View skill
GitHub
framer-motion
Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.
☆ 1View skill
GitHub
dh-combat
This skill should be used when the GM needs to handle Daggerheart combat, including action roll resolution, Hope/Fear token economy, spotlight flow, damage tracking, reaction rolls, and managing combat encounte...
☆ 1View skill
GitHub
react-best-practices
React and TanStack Start performance optimization guidelines. Use when writing, reviewing, or refactoring React/TanStack code to ensure optimal performance patterns. Triggers on tasks involving React components...
☆ 1View skill
GitHub
sr-cardoso-frontend
Frontend React/Vite/PWA do Sr Cardoso. Use quando editar paginas, componentes, hooks, fluxo de agendamento, painel admin, consumo de API REST e UX mobile-first.
☆ 1View skill
GitHub
components
React component structure and export conventions for personal projects. Triggers on component creation, refactoring, or when asking about React patterns.
☆ 1View skill
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 1View skill
GitHub
ui-design
Opinionated constraints for building better interfaces with agents. Use when building UI components, implementing animations, designing layouts, reviewing frontend accessibility, or working with Tailwind CSS, m...
☆ 1View skill
GitHub
tui-designer
Design and implement retro/cyberpunk/hacker-style terminal UIs. Covers React (Tuimorphic), SwiftUI (Metal shaders), and CSS approaches. Use when creating terminal aesthetics, CRT effects, neon glow, scanlines,...
☆ 1View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.