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, or applications. Generates creative, polished code that avoid...
Skills IA tools frontend
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools frontend
tools frontend Effacer les filtres
Explorer
GitHub
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
GitHub
create-standard-component
표준 RNBT 컴포넌트를 생성합니다. 페이지가 GlobalDataPublisher로 데이터를 제어합니다.
GitHub
create-component-with-popup
Shadow DOM 팝업을 가진 컴포넌트를 생성합니다. 컴포넌트가 직접 데이터를 fetch하고 팝업으로 표시합니다. 3D 씬, 독립 위젯 등에 사용합니다.
GitHub
create-symbol-state-component
인라인 SVG HTML을 상태 기반 동적 컴포넌트로 변환합니다. CSS 변수로 색상을 제어하고 런타임 API를 제공합니다.
GitHub
jo-terapeuta-capilar-platform
Private client tracking platform for hair therapy - Next.js 15 + Supabase
GitHub
shadcn-ui
Must always be enabled when working with shadcn-ui.
GitHub
react
Must always be enabled when writing/reviewing React code.
GitHub
nextjs-security
Next.js 15 security patterns for veterinary platforms including Server Action hardening, CSRF protection, rate limiting, RLS policy generation, and auth middleware. Use when building or auditing security featur...
GitHub
react-native-vet
React Native patterns for veterinary mobile apps including push notifications, offline-first data, QR scanning, camera integration, and mobile payments. Use when planning or building the Vete mobile app.
GitHub
react-performance-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality using Flask/Jinja2 template structure. Use this skill when the user asks to build web components, pages, artifacts, posters, or...
GitHub
frontend-ui
Create aesthetically pleasing, visually distinctive frontend UIs using research-backed prompting strategies from Anthropic's frontend aesthetics cookbook
GitHub
base-ui-docs
Base UI (@base-ui/react) の公式ドキュメント参照とAPI確認を行うためのスキル。Base UIのコンポーネント/ハンドブック/概要に関する質問が来たら使う。
GitHub
jp-ui-components
jp-uiのコンポーネント作成とStorybook Page作成のルールを守るためのスキル。Base UIラッパーの方針、render/useRenderの維持、レイアウト/余白/幅ルールを適用する。
GitHub
jp-ui-consumer
Use when consuming jp-ui in an app: installation, CSS/theme setup, component selection, and token usage; guide Codex to the jp-ui docs and types for implementation details.
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, or applications. Generates creative, polished code that avoid...
GitHub
performance-review
Analyze React/Next.js performance issues, N+1 queries, bundle size, and Core Web Vitals. Use when optimizing components, checking for slow renders, reviewing data fetching patterns, or when the app feels sluggi...
GitHub
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
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, or applications. Generates creative, polished code that avoid...
GitHub
store-creating
BoxLogのZustand storeを作成。devtools, persist, 型安全なパターンを適用。
GitHub
decompose
Decompose navigation and components - use for KMP component architecture, navigation, lifecycle, and state management
GitHub
react-vite
React 18+ with Vite patterns - use for Mini App frontend development, component structure, hooks, and TypeScript setup
GitHub
shadcn
Implement shadcn/ui components for PhotoVault with accessibility and theming. Use when working with UI components, forms, dialogs, buttons, cards, tables, Tailwind styling, or fixing accessibility issues. Inclu...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.