Agent Skills Hub

Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.

Clear

83 skills found

Engineering
frontend-design-pro avatar

frontend-design-pro

Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.

Views: 117
EngineeringProductivity
design-system-patterns avatar

design-system-patterns

Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.

Views: 834,497
Engineering
core-components avatar

core-components

Core component library and design system patterns for consistent UI development using design tokens.

Views: 65,855
Engineering
server-components avatar

server-components

Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.

Views: 82,842
EngineeringProductivity
frontend-app-design avatar

frontend-app-design

Build distinctive, high-end React Native Expo interfaces using liquid glass design and iOS Human Interface Guidelines for production-grade mobile apps.

Views: 111
Engineering
build-design-system avatar

build-design-system

Build a cohesive, constraint-based design system using the Design Graph methodology. Automate the creation of design tokens, typography scales, components, variants, and themes.

Views: 65
EngineeringAutomationProductivity
vibe-orchestrator avatar

vibe-orchestrator

Master workflow controller for Lovable-style, AI-driven development. Instantly generates premium, multi-page, animated applications by routing to specialized sub-agents. No prompts needed—just build.

Views: 579
ProductivityEngineering
chatkit-frontend avatar

chatkit-frontend

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.

Views: 11
EngineeringAutomation
pix avatar

pix

An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.

Views: 1490
EngineeringProductivity
visual-design-foundations avatar

visual-design-foundations

Establish cohesive visual systems using design tokens, modular typography scales, 8-point spacing grids, and accessible color palettes for consistent UI development.

Views: 834,502
Engineering
tailwind-config avatar

tailwind-config

Manage Tailwind CSS configuration, custom design tokens, themes, and design system utilities across the monorepo.

Views: 720
EngineeringProductivityAutomation
senior-frontend-engineer-react avatar

senior-frontend-engineer-react

Enterprise-grade React CRUD development skill for React 16.14 and DVA 2.x, featuring automated page generation, form management, and service layer integration.

Views: 1061#react#dva#typescript#crud