GitHub
figma-to-page
Generates React code for a full page based on pasted Figma 'Inspect' details. Uses the page scaffolder.
☆ 1查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 内容与媒体
全部技能
GitHub
react-component-scaffolder
DEPRECATED: Use component-builder instead for M3-compliant, production-grade components.
☆ 1查看技能
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.
☆ 1查看技能
GitHub
jest-test-scaffolder
Scaffolds Jest unit tests for React components and hooks. Use when creating tests for frontend components.
☆ 1查看技能
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.
☆ 1查看技能
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...
☆ 1查看技能
GitHub
frontend-component
Generate React components for IntelliFill following patterns (forwardRef, CVA variants, Radix UI, TailwindCSS). Use when creating UI components, forms, or pages.
☆ 1查看技能
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
☆ 1查看技能
GitHub
state-management
Client-side state patterns for Web Components. Use when building interactive applications requiring state synchronization, reactive updates, or undo/redo functionality.
☆ 1查看技能
GitHub
wraps-email
TypeScript SDK for AWS SES with automatic credential resolution, React.email support, and template management.
☆ 1查看技能
GitHub
add-component
새 React 컴포넌트를 생성합니다. shadcn/ui 스타일과 프로젝트 컨벤션을 준수합니다. 사용법: /add-component ComponentName [directory]
☆ 1查看技能
GitHub
react
React coding style and best practices.
☆ 1查看技能
GitHub
react-frontend-standards
Expert guidance on QuanuX frontend development, enforcing Backend-Driven UI architecture and high-performance React patterns.
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
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,...
☆ 1查看技能
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.
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
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.
☆ 1查看技能
GitHub
components
React component structure and export conventions for personal projects. Triggers on component creation, refactoring, or when asking about React patterns.
☆ 1查看技能
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,...
☆ 1查看技能
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...
☆ 1查看技能
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,...
☆ 1查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。