design-system-conventions
Guide for UI styling with semantic design system classes. Never use gray-* colors or arbitrary Tailwind utilities.
浏览 Esdeveniments 维护的已发布 AI 技能,比较用途与说明,并通过来源仓库了解安装方式。
已收录技能
15收录技能的仓库 Stars 合计
30仓库 Forks
15平均每个技能的仓库 Stars
2同一仓库中的多个技能可能共享 Stars,合计包含重复仓库数据。
Guide for UI styling with semantic design system classes. Never use gray-* colors or arbitrary Tailwind utilities.
Guide for validating external data with Zod. Use when fetching from APIs, processing webhooks, or handling user input.
Evaluate external PR suggestions (Gemini, CodeRabbit) against project conventions. Use when asked to review or agree with external code review comments.
Enforce TypeScript type organization rules. Use when creating types, interfaces, or DTOs. All types MUST go in /types directory - never inline in components.
Enforce the internal API proxy layer pattern. Use when adding API endpoints, fetching data from backend, implementing HMAC signing, or working with lib/api/* or app/api/*.
Guide for writing tests. Vitest for unit tests, Playwright for E2E. Includes SEO and sitemap testing patterns.
Enforce URL rules to prevent SEO issues and cost incidents. CRITICAL - never add searchParams to listing pages ($300 incident).
Guide for optimizing bundle size and images. Server Components by default, use image quality caps.
Guide for CSP, security headers, and external scripts. Use fetchWithHmac for APIs, safeFetch for external services.
Guide for internationalization with next-intl. Use when adding links, translations, or localized URLs. Always use Link from @i18n/routing.
MANDATORY checklist before writing ANY new code. Use this skill FIRST before implementing any feature, component, utility, type, or hook. Enforces DRY principle and existing pattern reuse.
Guide for adding environment variables. Use when adding new env vars to ensure all 4 locations are updated (code, SST, workflow, GitHub secrets).
Best practices for React 19 and Next.js 16 App Router. Use when creating components, hooks, or pages. Enforces server-first rendering, proper client boundaries, and modern React patterns.
Guide for modifying service worker caching. Edit sw-template.js (not sw.js), run yarn prebuild after changes.
Guide for working with the configuration-driven filter system. Use when adding/modifying filters, updating URL parsing, debugging filter-related issues, or working with config/filters.ts.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。