skills.homes logoskills.homescapability registry
home/categories/development
domain cluster

Development

Frameworks, languages, and architectural tools.

23643 個技能all categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0

frontend-responsive-design-standards

Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.

DennisToma
DennisToma
development
open
frontend
0

status-message-components

Implement loading, error, success, and empty state components for Vue 3. Use when creating toast notifications, loading spinners, empty state pages, or status indicators. Mentions "loading state", "empty state", "toast component", "error UI", or "success message".

alongor666
alongor666
development
open
full-stack
0

developing-svelte

Use when working with .svelte files, SvelteKit projects, or Svelte reactivity. Covers component structure, stores, routing, Svelte 5 runes, and testing patterns.

jkappers
jkappers
development
open
frontend
0

nuxt-ui

Use when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.

Dyrean
Dyrean
development
open
full-stack
0

frontend

Use when building UI components, pages, or features - guides Claude through the approved frontend stack (Next.js 15, React 19, Shadcn, Tailwind) with design-first workflow for complex UIs, enforcing patterns and quality standards

imehr
imehr
development
open
full-stack
0

react-frontend-spa

ReactでSPAフロントエンドを実装・改修するためのガイド。バックエンド分離前提でNext.jsやサーバーサイド機能に依存せず、React Router中心のクライアント実装を行う時に使う。認証はAuthProviderとuseAuthカスタムフックで統一し、OpenAPIからorvalまたはopenapi-typescriptで型/クライアントを生成して利用する。ESLint+Prettier、zod、shadcn/ui、デザイントークン（CSS変数/Tailwindテーマ）を前提にする場合に適用する。ディレクトリ構成はmodules/components/hooks/providers/servicesなどの直感的な命名で複雑化に耐える構成にする。

Higashi-Masafumi
Higashi-Masafumi
development
open
frontend
0

component-patterns

React component patterns with Ark UI, forwardRef, and TypeScript for the design system

Tasty-Maker-Studio
Tasty-Maker-Studio
development
open
frontend
0

form-builder

React Hook Form + Zod validation ile form oluşturma. shadcn/ui form bileşenleri, validation schemas, error handling, loading states ve form submission. Türkçe hata mesajları ve proje form patterns'ına uygun yapı.

chedevlooper-creator
chedevlooper-creator
development
open
frontend
0

shadcn-ui-setup

shadcn/ui component library setup and customization. Use when building UIs with pre-built components.

IvanTorresEdge
IvanTorresEdge
development
open
frontend
0

ng-alain-component-development

Create components using ng-alain (@delon/abc) and ng-zorro-antd UI libraries. Use this skill when building enterprise UI features with ST (Simple Table), SF (Schema Form), ACL (Access Control), PageHeader, ReuseTab, and other @delon components. Ensures proper integration with ng-alain architecture, theming system, responsive layouts, and accessibility standards while following Angular 20 patterns.

ac484
ac484
development
open
mobile
0

frontend-components

Build reusable, composable UI components with single responsibilities, clear prop interfaces, proper state management, and minimal coupling. Use this skill when creating or editing React components (.tsx, .jsx files), when designing component APIs with props, when implementing component composition patterns, when managing local component state, when building shadcn/ui components, when creating shared UI components in resources/js/Components/, when implementing component documentation, or when refactoring large components into smaller, focused pieces.

DevanB
DevanB
development
open
frontend
0

invoice-ui-components

Componentes de UI para faturas seguindo o padrão de components do Easy Budget.

JoseApRJunior
JoseApRJunior
development
open
frontend
0

large-500-800ms

Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention

dylantarre
dylantarre
development
open
frontend
0

east-ui

Type-safe UI component library for the East language. Use when writing East programs that define user interfaces with declarative components. Triggers for: (1) Writing East programs with @elaraai/east-ui, (2) Creating layouts with Box, Flex, Stack, Grid, (3) Forms with Input, Select, Checkbox, Switch, Slider, (4) Data display with Table, TreeView, DataList, Gantt, Planner, (5) Charts with Chart.Line, Chart.Bar, Chart.Area, Chart.Pie, Chart.Scatter, (6) Overlays with Dialog, Drawer, Popover, Menu, Tooltip, (7) State management with State.readTyped, State.writeTyped.

elaraai
elaraai
development
open
full-stack
0

nextjs-app-router-fundamentals

Next.js App Router (13+). Migrating from Pages, file conventions (layout, page, loading, error), routing patterns, metadata, generateStaticParams.

kensleDev
kensleDev
development
open
frontend
0

tanstack-query-hook

Generate TanStack Query hooks for data fetching and mutations. Triggers on "create tanstack query hook", "generate react query", "useQuery hook", "useMutation hook".

ehtbanton
ehtbanton
development
open
mobile
0

tamagui

Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.

guillempuche
guillempuche
development
open
frontend
0

ui-ux-expert-skill

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility standards. Use after Test Agent, Implementer, and Supabase agents complete their work.

fercracix33
fercracix33
development
open
mobile
0

zustand-mobile-patterns

Zustand state management for React Native. Use when implementing client-side state.

IvanTorresEdge
IvanTorresEdge
development
open
frontend
0

css-modules

Implements scoped CSS using CSS Modules with automatic class name generation, composition, and TypeScript support. Use when needing component-scoped styles, avoiding naming collisions, or migrating from global CSS.

mgd34msu
mgd34msu
development
open
frontend
0

frontend--css

Apply the Agent OS standard for frontend css.

tlabs-xyz
tlabs-xyz
development
open
frontend
0

react-19

React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.

aristeoibarra
aristeoibarra
development
open
full-stack
0

nextjs-zustand

Zustand for Next.js App Router - Client Components only, hydration handling, persist middleware. Use when implementing global state in Next.js.

fusengine
fusengine
development
open
Previous
Page 896 / 986
Next