发现优质的 AI Agent 技能
聚合 Claude Skills、LangChain、AutoGPT 等优质资源,助力开发者快速构建智能应用
GDPR Data Handling Implementation Playbook
This file contains detailed patterns, checklists, and code samples referenced by the skill.
HTML Presentation Template
Reference architecture for generating slide presentations. Every presentation follows this structure.
Animation Patterns Reference
Use this reference when generating presentations. Match animations to the intended feeling.
Style Presets Reference
Curated visual styles for Frontend Slides. Each preset is inspired by real design references — no generic "AI slop" aesthetics. **Abstract shapes only — no illustrations.**
TypeScript Standards
TypeScript best practices for type safety and maintainability in React frontend code.
Styling Guide
Modern styling patterns for using MUI v7 sx prop, inline styles, and theme integration.
Routing Guide
TanStack Router implementation with folder-based routing and lazy loading patterns.
Performance Optimization
Patterns for optimizing React component performance, preventing unnecessary re-renders, and avoiding memory leaks.
Loading & Error States
**CRITICAL**: Proper loading and error state handling prevents layout shift and provides better user experience.
File Organization
Proper file and directory structure for maintainable, scalable frontend code in the the application.
Data Fetching Patterns
Modern data fetching using TanStack Query with Suspense boundaries, cache-first strategies, and centralized API services.
Component Patterns
Modern React component architecture for the application emphasizing type safety, lazy loading, and Suspense boundaries.