GitHub
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
☆ 0View skill
Blockchain AI Skills
Discover Blockchain skills, compare source repositories and read the instructions for each workflow.
Categories: Blockchain
Blockchain Clear filters
Browse skills
GitHub
reactjs-tiptap-editor
Implement rich text editing with reactjs-tiptap-editor (admin content editing). Use when building post/project editors or WYSIWYG components.
☆ 0View skill
GitHub
bloc-state-management
Guides BLoC state management implementation patterns. Use when creating new BLoCs, handling state changes, or managing application state.
☆ 0View skill
GitHub
page-transitions
Add elegant page transition overlay using 3 staggered color layers. Overlay covers screen during navigation and reveals once new page is loaded. Use during /init or standalone.
☆ 0View skill
GitHub
react-best-practices-refactor
Refactors large React files into single-responsibility components using Tailwind CSS and a strict feature-based structure compatible with AstroJS.
☆ 0View skill
GitHub
tailwind-v4-shadcn
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Use when initializing React pr...
☆ 0View skill
GitHub
reusable-components
Biblioteca de componentes Blade do sistema Easy Budget. Use esta skill sempre que precisar gerar interfaces (UI), formulários, tabelas, modais ou dashboards. Ela garante que o código gerado siga o padrão visual...
☆ 0View skill
GitHub
navbar-configuration
Configure navbar menu items, logo, buttons, and styling. Sets up navigation from sitemap.md, ensures dropdown z-index is above content, configures buttons, and updates i18n. Dynamically finds navbar*.tsx compon...
☆ 0View skill
GitHub
frontend-component-scaffold
前端组件脚手架技能：负责React/Vue组件模板、Props/State结构设计、事件处理、组件样式、默认属性配置。使用时需要定义组件Props、设计State结构、实现事件处理、配置样式、设置默认属性。
☆ 0View skill
GitHub
footer-configuration
Configure footer navigation links for SEO completeness. Sets up all pages (Homepage, Services, About, Contact, Impressum, Datenschutz) in organized groups. Dynamically finds footer*.tsx component. Updates i18n...
☆ 0View skill
GitHub
asistec-frontend
Úsalo cuando el usuario necesite crear pantallas, componentes visuales, lógica de cliente (Angular), rutas en Ionic, aplicar estilos SCSS o modificar el frontend.
☆ 0View skill
GitHub
fd-tailwind-shadcn
Expert skill for Tailwind CSS v4, shadcn/ui implementation, CSS utilities, component customization, and technical design implementation. Use for CSS utilities, component customization, cn() usage, and design-to...
☆ 0View skill
GitHub
form-guide
開發前端表單時，使用 Angular Signal Forms 的正確模式
☆ 0View skill
GitHub
react-three-fiber
Build 3D applications with React Three Fiber (R3F), the React renderer for Three.js. Use this skill when building 3D scenes with React, using declarative JSX for 3D objects, integrating Three.js with React stat...
☆ 0View skill
GitHub
glow-component-factory
Step-by-step guide for creating Industrial Amber UI components following the GlowFactory pattern.
☆ 0View skill
GitHub
textual-layout-styling
Style and layout Textual widgets using CSS-like syntax for responsive design. Use when implementing responsive layouts, CSS styling, color schemes, spacing, sizing, alignment, grid layouts, flexbox-like contain...
☆ 0View skill
GitHub
smart-recipe-planner-ui
Utilícese para diseñar componentes visuales e interfaces en el proyecto Smart Recipe Planner. Trigger: When working inside ui/ on specific conventions (shadcn, folder placement, actions/adapters, shared types/h...
☆ 0View skill
GitHub
svelte5-showcase-components
Comprehensive guide to the Svelte 5 Showcase component library with 49 production-ready components organized into 7 categories. Use when you need to discover available components, understand component usage pat...
☆ 0View skill
GitHub
framer-motion
Create smooth, performant animations with framer-motion. Use when building page transitions, component animations, or gesture-based interactions.
☆ 0View skill
GitHub
web-designer
Design and implement modern, clean, and usable UI components for the Leave Maximiser project (SolidJS, Tailwind, Biome).
☆ 0View skill
GitHub
artifacts-creating-and-managing
Creates and manages project artifacts (research, spikes, analysis, plans) using templated scripts. Use when asked to "create an ADR", "research topic", "spike investigation", "implementation plan", or "create a...
☆ 0View skill
GitHub
build-ci-local-script
Run and modify scripts/build-ci-local.ps1 safely, keeping it aligned with scripts/modules and VS Code tasks.
☆ 0View skill
GitHub
moonshot-orchestrator
PM workflow orchestrator. Analyzes user requests and automatically runs the optimal agent chain.
☆ 0View skill
GitHub
ops
Monitor background processes with automatic looping. Run commands in the background, check logs/status periodically, and continuously monitor operations.
☆ 0View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.