pencil-ui-design
A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
112 skills found
A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.
React component development guide for LobeHub, including styling with antd-style, layout building with @lobehub/ui, and routing management.
Test Adobe EDS blocks interactively in the browser with Jupyter notebooks. Features ES6 imports, overlay previews, responsive device testing, and zero-dependency execution.
A comprehensive configuration toolkit for Claude Code featuring battle-tested agents, skills, hooks, and automation workflows for software development.
Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.
Interface design guidance for utilitarian apps, focusing on dashboards, admin panels, and data-heavy UIs using a component-library-first approach.
Production-grade React 19 and TypeScript patterns featuring hooks, state management, TanStack Query, form validation with Zod, and performance optimization workflows.
Enforce strict UI adherence to your project's design system tokens, components, and layout patterns for consistent frontend implementation.
Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.
Build production-ready, reusable Terraform modules for multi-cloud infrastructure. Includes standardized patterns for AWS, Azure, GCP, and OCI with built-in testing and validation.
Master iOS Human Interface Guidelines and SwiftUI for native app development. Expert guidance for UI design, component implementation, and Apple platform design principles.
Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.