GitHub
designer-agent
Design Guardian that reviews UI implementations for alignment with Billboard's visual language. Use for design review, UI consistency checks, component approval, visual troubleshooting, layout feedback.
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
design-system
Billboard-inspired design patterns for implementing UI components with video grids, chart layouts, section headers, color tokens, spacing, and Framer Motion animations. Use for episodes page, artist cards, rank...
☆ 0查看技能
GitHub
designer-agent
Design guardian and reviewer that ensures UI implementations align with Billboard's visual language and the Fireside Tribe design system
☆ 0查看技能
GitHub
component-development
Patterns for building React components with Radix UI, TailwindCSS, react-hook-form, and Framer Motion
☆ 0查看技能
GitHub
components
React component development patterns with Radix UI primitives, TailwindCSS styling, shadcn/ui, react-hook-form with zod validation, Framer Motion animations, loading skeletons, and responsive layouts.
☆ 0查看技能
GitHub
frontend-accessibility
Generates accessible HTML, React, and frontend code following WCAG 2.2 AA guidelines. Use when creating UI components, forms, navigation, or any user-facing frontend code. Focuses on semantic HTML, keyboard acc...
☆ 0查看技能
GitHub
new-component
Create a new React component following project patterns. Use when creating reusable components. Invoke with "/new-component [name] [description]".
☆ 0查看技能
GitHub
base-ui-best-practices
Base UI implementation guidelines for building accessible, unstyled React components. Use this skill when writing, reviewing, or implementing Base UI components to ensure proper patterns and accessibility. Trig...
☆ 0查看技能
GitHub
audit-style
Audit and refactor CSS to comply with Game Loopers design system and BEM methodology
☆ 0查看技能
GitHub
tailwind-styling
Tailwind CSS styling patterns, dark theme implementation, and theme management for this project. Use when styling components, implementing UI changes, or working with the design system.
☆ 0查看技能
GitHub
nextjs-app-router
Next.js 15 App Router patterns for this project. Use when creating routes, API endpoints, server components, or client components.
☆ 0查看技能
GitHub
error-handling
Comprehensive error handling patterns for API responses, React Error Boundaries, webhook processing, user-facing messages, and monitoring with Baselime.
☆ 0查看技能
GitHub
interaction-designer
Designs interactions, animations, transitions, and micro-interactions. Specifies hover states, click feedback, loading states, and user feedback mechanisms. Ensures interactions are accessible and performant.
☆ 0查看技能
GitHub
component-implementer
Implements UI components from design specifications. Use when implementing frontend components, pages, or UI elements. Follows design specs from ui-ux-designer, implements responsive design, and ensures accessi...
☆ 0查看技能
GitHub
component-designer
Designs reusable UI components including buttons, inputs, cards, modals, and other interface elements. Specifies states, variations, and usage guidelines. Considers accessibility and responsive behavior.
☆ 0查看技能
GitHub
responsive-design-planner
Plans responsive design breakpoints, mobile-first approaches, and adaptive layouts. Defines how designs adapt across different screen sizes and devices. Considers touch vs mouse interactions.
☆ 0查看技能
GitHub
shadcn-ui-designer
Expert frontend design and implementation using shadcn/ui components for Next.js and React applications. Use when building user interfaces, implementing UI features, creating forms, dashboards, data tables, mod...
☆ 0查看技能
GitHub
theme-routing-patterns
Navigation and routing rules for theme components. Always use locationPrefix. Never hardcode routes.
☆ 0查看技能
GitHub
angular
Angular 17 standalone components, RxJS patterns, and reactive forms for the casino platform. Use when: Building Angular components, services, guards, interceptors, or working with RxJS observables in casino-f o...
☆ 0查看技能
GitHub
frontend-design
Angular UI components with Material Design, SCSS design system, and responsive layouts. Use when: Creating new UI components, styling pages, implementing responsive layouts, adding animations, or maintaining vi...
☆ 0查看技能
GitHub
components
Use @inkcre/web-design Vue 3 components. Includes all 22 components with props, events, and usage examples.
☆ 0查看技能
GitHub
i18n
Integrate @inkcre/web-design with vue-i18n for internationalization.
☆ 0查看技能
GitHub
router
Integrate @inkcre/web-design with Vue Router using the adapter pattern.
☆ 0查看技能
GitHub
frontend-accessibility
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or editing UI components, HTML te...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。