UI Components

svelte-kit

by Tomlord1122

Svelte 5 and SvelteKit syntax expert. Use when working with .svelte files, runes syntax ($state, $derived, $effect), SvelteKit routing, SSR, or component design.

longmo

by long36708

Longmo's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Longmo's preferences.

godot-dev

by Chen19007

Godot code implementation guidelines. Use when: (1) Writing GDScript code, (2) Following style conventions, (3) Using Godot features correctly, (4) Avoiding anti-patterns.

react

by markhamsquareventures

How to work effectively with React, always use when developing frontend components

angular-architect

by Olino3

"Enterprise Angular application architecture and patterns. Design scalable, maintainable Angular apps with modular architecture, state management strategies, lazy loading, micro-frontends, and monorepo patterns."

writing-clearly-and-concisely

by VisualxIntelligence

Use when writing prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text. Applies Strunk's timeless rules for clearer, stronger, more professional writing.

color-palette

by Olino3

"Generates complete, accessible color palettes from a single brand hex. Creates 11-shade scale (50-950), semantic tokens (background, foreground, card, muted), and dark mode variants. Includes WCAG contrast checking."

sveltekit-progressive-architecture

by dev-goraebap

"SvelteKit 프로젝트 아키텍처·코드 규칙. Actions: 작성, 구현, 리뷰, 리팩터, 검토, 추가, 설계, 수정, write, implement, review, refactor, fix. Base Rules: 컴포넌트 재사용, $lib, 라우트 배치, 인라인 타입 금지, interface, type, script 섹션, 주석, 가독성, code style, TypeScript. Server Architecture: 서버 아키텍처, Active Record, Query Service, REST API, Drizzle, +server.ts, +page.server.ts, server/domain, server/infra, 뷰모델, view-model, form actions, ORM, schema, 레이어 분리, CUD, load. UI Components: shadcn-svelte, shadcn, button, dialog, modal, table, form, input, calendar, popover, badge, card, select, tabs, switch, textarea, $lib/components/ui, npx shadcn-svelte."

code-quality

by paucasanellas

Code quality tools for JavaScript/TypeScript/Vue projects, including linting with ESLint and type checking with tsc/vue-tsc. Use when setting up quality checks, configuring linters, or running type validation.

angular-state-management

by ncdevshiv

"Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns."

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."

浪浪虎

by Ninawang07

Use when the user wants to plan a travel route (self-driving, cycling, hiking, motorcycle) and visualize it as an interactive web map. Triggers on "路线规划", "自驾路线", "行程地图", "road trip", "骑行路线", "徒步路线", "出境自驾", "路线可视化". Supports domestic and international travel with multi-route comparison, key node filtering, map customization, and one-click web deployment.

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".