javascript-typescript
Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
120 skills found
Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.
Establish cohesive visual systems using design tokens, modular typography scales, 8-point spacing grids, and accessible color palettes for consistent UI development.
Generates UI components, hero sections, and feedback forms with integrated accessibility checks, leveraging specialized design references and quality gates.
Comprehensive Linux development environment management for compilers, build tools, IDEs, and debugging workflows.
React component development guide for LobeHub, including styling with antd-style, layout building with @lobehub/ui, and routing management.
Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.
Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.
Implement production-ready AI chat interfaces using OpenAI ChatKit React components. Features include hook configuration, streaming, theming, conversation history, and custom tool integration for Next.js applications.
Manage Tailwind CSS configuration, custom design tokens, themes, and design system utilities across the monorepo.
Automates the creation of Magento 2 frontend controller actions with routing, dependency injection, and proper response interfaces, following Adobe best practices.
Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.
Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.