styling-patterns
WHAT: Zest design tokens with useZestStyles and createStylesConfig for React Native styling. WHEN: component styling, layout composition, conditional styles, platform-specific shadows. KEYWORDS: createStylesCon...
按技能名称、说明或 GitHub 作者匹配的结果。
WHAT: Zest design tokens with useZestStyles and createStylesConfig for React Native styling. WHEN: component styling, layout composition, conditional styles, platform-specific shadows. KEYWORDS: createStylesCon...
WHAT: React Native accessibility with accessibilityLabel, accessibilityRole, and Icon altText. WHEN: interactive elements, form inputs, images, lists, modals, testing with VoiceOver/TalkBack. KEYWORDS: accessib...
Build self-hosted AI chat assistants using CopilotKit + LangGraph. Use when implementing conversational AI interfaces with agentic backends, streaming responses, shared state between frontend and backend, or ge...
WHAT: Mock external dependencies in React Native tests with jest.mock and factory patterns. WHEN: testing TanStack Query, Apollo GraphQL, React Navigation, Zustand stores, native modules. KEYWORDS: mock, jest.m...
WHAT: Test ID constants with hierarchical naming for React Native automated testing. WHEN: unit tests with Testing Library, E2E tests with Maestro, testing interactive elements. KEYWORDS: testID, TEST_IDS, cons...
WHAT: Jest and @testing-library/react patterns for web component testing. WHEN: testing components with providers, user interactions, async content, form validation. KEYWORDS: testing-library, Jest, screen, use...
WHAT: JSDoc and inline documentation standards for React components and hooks. WHEN: documenting components, writing JSDoc for functions, explaining complex logic. KEYWORDS: jsdoc, documentation, comments, @des...
WHAT: 6-tier module system for React Native code organization. WHEN: structuring new features, creating modules, refactoring code architecture. KEYWORDS: modules, features, operations, libs, tiers, folder struc...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Create and review React components following strict TypeScript patterns, container/presenter architecture, and composition-first design. Use when asked to: (1) Create a React component, (2) Review a React compo...
Project structure, navigation, state management, styling, and best practices for building cross-platform mobile applications with React Native.
Building LLM-powered React applications with the Hashbrown library. Use when the user asks to (1) Build generative UI where LLMs render React components, (2) Add client-side tool calling for LLM-app interaction...
Comprehensive React application development guidance covering project architecture, state management, performance optimization, security, and modern best practices including React 19 features. Use when (1) Work...
Use when creating Next.js projects with shadcn/ui, scaffolding new apps with Radix components, or setting up React apps with the Nova theme.
Unified guidance for React, Next.js, React Native, and Expo development.
Comprehensive guide to effective prompt engineering patterns including few-shot, chain-of-thought, ReAct, and advanced prompting techniques
Implementing error boundaries for graceful error handling and improved user experience in React applications.
Convert Google Stitch exports (HTML/Images) into project-specific React pages and design similar layouts.
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code.
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or r...
Omniscient hyper-elite software engineering command center. Triggers: write code, debug, fix bug, build app, create API, design system, architect, deploy, secure, optimize, refactor, review code, test, CI/CD, D...
Build or extend an extensible UI self-check framework for Web UIs (React/Vite or plain HTML) using Playwright. Use when asked to add/upgrade ui-check or ui-watch flows, enforce data-qa/data-testid discovery, ad...
Use when writing, reviewing, or refactoring React/Next.js components, pages, or data fetching where performance, bundle size, or render efficiency is a concern.
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 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。