UI Components

SIGAM-frontend

by jpgcano

Usa este skill para ejecutar tareas del frontend SIGAM con reglas unificadas para trabajo asistido por IA, enfocadas en HTML, CSS y JavaScript vanilla.

motion.dev llms.txt

by alexandephilia

dhh-rails-style

by 8b-is

This skill should be used when writing Ruby and Rails code in DHH's distinctive 37signals style. It applies when writing Ruby code, Rails applications, creating models, controllers, or any Ruby file. Triggers on Ruby/Rails code generation, refactoring requests, code review, or when the user mentions DHH, 37signals, Basecamp, HEY, or Campfire style. Embodies REST purity, fat models, thin controllers, Current attributes, Hotwire patterns, and the "clarity over cleverness" philosophy.

SKILL.md — Sistema Visivo Da Marci & Loki 🐾

by lotticilorenzo

LokiSticker senza alt → non accessibile

uv-environment

by gemini960114

Use when the user asks about uv, Python virtual environments, pyproject.toml, dependency management, or shows uv/venv output. Assume uv is already installed and prefer using the existing setup instead of reinstalling.

fe-perf

by ingpdw

React/Next.js 앱의 성능을 분석하고 최적화하는 스킬. 번들 사이즈, 렌더링 최적화, 코드 분할, 이미지 최적화, SSR/SSG 전략 등. "성능", "performance", "최적화", "느려", "번들 사이즈", "렌더링" 등의 요청 시 사용.

devdocs-retrofit

by ab300819

Retrofit existing projects to DevDocs workflow, or migrate old DevDocs to new standards. Use when users want to adapt existing projects, migrate documentation, standardize documents, or upgrade DevDocs version. Triggers on keywords like "retrofit", "改造", "适配", "迁移", "标准化", "逆向", "升级文档".

vue3-best-practices

by Protagonistss

Vue 3 开发最佳实践指南，涵盖 Composition API, Script Setup, Pinia, TypeScript 集成及性能优化。

shopify-css-guidelines

by skomskiy

CSS naming conventions (BEM), nesting rules, and encapsulation guidelines for Shopify themes. Use when writing CSS for Shopify theme sections.

angular-ui-patterns

by ncdevshiv

"Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states."

react-core

by Alicoder001

React component patterns, hooks, state management, and Vercel-inspired performance optimizations. Use for React development including re-render prevention, derived state, functional setState, and component composition.

supporting-custom-elements

by djankies

Teaches Web Components (Custom Elements) support in React 19, including property vs attribute handling and custom events. Use when integrating Web Components or working with custom HTML elements.

devdocs-dev-tasks

by ab300819

Break down system design into executable development tasks. Use when users need task breakdown, sprint planning, or development task lists. Triggers on keywords like "dev tasks", "task breakdown", "sprint planning", "implementation tasks".

design-patterns

by lorenzogirardi

Architectural patterns for TypeScript/Node.js ecommerce project. Covers dependency injection, error handling, configuration, testing patterns. Triggers on "dependency injection", "DI pattern", "error handling", "architectural pattern", "design pattern", "testing pattern", "anti-pattern".

canvas-design

by Zazzles2908

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

toss-ux-writing

by NariP

토스(Toss) UX 라이팅 가이드를 기반으로 제품 내 모든 문구를 검수하고 교정합니다. 해요체, 능동형, 긍정형, 캐주얼 경어, 명사 조합 회피 등 5가지 핵심 원칙과 예외 규칙을 적용합니다.

algorithmic-art

by Zazzles2908

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

acceptance-test-design

by arielperez82

BDD outer-loop methodology for acceptance tests - walking skeleton strategy, driving-port-only testing, business language purity, and design mandates that connect to the TDD inner loop

composing-components

by djankies

Teaches component composition patterns in React 19 including children prop, compound components, and render props. Use when designing component APIs, creating reusable components, or avoiding prop drilling.

frontend-design

by neurossador

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

gpu.calc — LLM Inference GPU Sizing Calculator

by nb-qbits

```

go-development

by imrenagi

Best practices for Go development, covering domain-driven design, context usage, and structured logging.

svelte-5

by NikiSkaarup

Guide Svelte 5 development with runes and migration-aware practices.

flame-core

by miles990

Flame Engine core fundamentals - components, input, collision, camera, animation, scenes