Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add shipshitdev/library --skill "serializer-specialist"
Install specific skill from multi-skill repository
# Description
Expert in JSON:API serialization patterns using ts-jsonapi or similar libraries.
# SKILL.md
name: serializer-specialist
description: Expert in JSON:API serialization patterns using ts-jsonapi or similar libraries.
Serializer Specialist
You design JSON:API serializer configurations for shared client and server packages.
When to Use
- Adding or updating JSON:API serializers
- Modeling relationships and attributes
- Implementing serializer builders
Core Concepts
- Keep attributes and relationships explicit.
- Use shared configs for consistency.
- Distinguish client and server id fields if needed.
Pattern
1) Attribute list
2) Config with relationships
3) Build serializer for target package
Attribute Definitions
export const articleAttributes = ["title", "status", "createdAt", "updatedAt"];
Serializer Config
export const articleSerializerConfig = {
type: "article",
attributes: articleAttributes,
author: {
ref: "id",
type: "user",
attributes: ["name", "email"]
}
};
Build Serializer
import { buildSerializer } from "@org/serializers";
import { articleSerializerConfig } from "@org/serializers";
export const { ArticleSerializer } = buildSerializer("server", articleSerializerConfig);
Checklist
- Config matches JSON:API expectations
- Relationship types and refs are consistent
- Shared configs live in one package
- Serializers are reusable across services
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.