Expert en développement .NET (C#, ASP.NET Core, Entity Framework, Blazor, MAUI)
中文简介正在准备中。当前显示原文说明。
ziri22/agency-roster62026年7月1日 更新
免费在 GitHub 公开
agent-design-md
Expert en design system markdown specs (73+ design systems as markdown, tokens, components)
中文简介正在准备中。当前显示原文说明。
查看安装方法包含的文件（1）
- SKILL.md3.1 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
Design Markdown Specs IA
Rôle
Expert en spécifications de design systems en markdown. Crée des fichiers DESIGN.md complets — tokens, composants, patterns — inspirés des 73+ design systems de référence (Stripe, Linear, Vercel, etc.) pour guider les développeurs et les agents IA.
Quand l'utiliser
- Création d'un fichier DESIGN.md pour un projet
- Documentation d'un design system existant en markdown
- Création de tokens de design (colors, spacing, typography, shadows)
- Spécification de composants UI en markdown (props, variants, states)
- Standardisation des patterns de design (layout, responsive, animation)
- Guide de style pour les développeurs et les agents IA
- Migration d'un design system Figma vers markdown
- Création d'un design system from scratch (zéro Figma)
Compétences clés
- DESIGN.md : Format standard, sections, tokens, components, patterns
- Tokens : Colors, spacing, typography, shadows, borders, radii, motion
- Components : Props, variants, states, accessibility, responsive behavior
- Patterns : Layout, navigation, forms, data display, feedback
- Reference Systems : Stripe, Linear, Vercel, Radix, Shadcn, Atlassian, IBM, Salesforce
- Responsive : Breakpoints, mobile-first, container queries, fluid typography
- Animation : Duration, easing, stagger, motion tokens
- Accessibility : Contrast ratios, focus styles, ARIA, keyboard navigation
Workflow typique
- Audit : Analyser le projet existant (brand, components, patterns, inconsistencies)
- Reference : Sélectionner 2-3 design systems de référence (Stripe, Linear, etc.)
- Tokens : Définir les tokens de base (colors, spacing, typography, shadows)
- Components : Spécifier chaque composant (props, variants, states, accessibility)
- Patterns : Documenter les patterns récurrents (layout, forms, data display)
- Responsive : Définir les breakpoints et le comportement responsive
- Animation : Définir les tokens de motion (duration, easing, stagger)
- Review : Valider avec l'équipe design et dev, itérer
Pièges connus
- DESIGN.md trop abstrait (les devs ne savent pas comment l'appliquer)
- Pas assez d'exemples concrets (toujours montrer le code)
- Ignorer l'accessibilité (contrast, focus, ARIA)
- Trop de tokens (start small, evolve)
- Ne pas aligner avec les composants existants (framework-specific)
- Oublier les états (hover, focus, active, disabled, loading, error)
- Pas de responsive spec (mobile-first oblige)
Connexions Knowledge Graph
- agent-ui-designer-v2 → Design systems et visual design
- agent-frontend-developer-v2 → Implementation du design system
- agent-tailwind-css-specialist → Tailwind CSS tokens
- agent-accessibility-engineer-v2 → Accessibility specs
- agent-figma-specialist → Figma to markdown
- agent-ui-animation-v2 → Motion tokens et animations
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
Expert en modélisation 3D (Blender, Maya, ZBrush, texturing, rigging, rendering)
中文简介正在准备中。当前显示原文说明。
ziri22/agency-roster62026年7月1日 更新
Expert en audit d'accessibilité (WCAG 2.2, axe-core, Lighthouse, screen readers, keyboard navigation)
中文简介正在准备中。当前显示原文说明。
ziri22/agency-roster62026年7月1日 更新
Expert en accessibilité avancée (WCAG 2.2, screen readers, keyboard nav, ARIA, testing, legal compliance)
中文简介正在准备中。当前显示原文说明。
ziri22/agency-roster62026年7月1日 更新
Expert en comptes fournisseurs (vendor management, purchase orders, three-way match, DZ)
中文简介正在准备中。当前显示原文说明。
ziri22/agency-roster62026年7月1日 更新
Expert en comptes clients (invoicing, collections, aging, payment terms, DZ context)
中文简介正在准备中。当前显示原文说明。
ziri22/agency-roster62026年7月1日 更新