Skills Directory
Developer Tools
Browse the live AI Primer skill directory, ordered by GitHub stars and grounded in real mentions from the Discover pipeline.
huashu-design
花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索、做个HTML页面、做个可视化、app原型、iOS原型、移动应用mockup、导出MP4、导出GIF、60fps视频、设计风格、设计方向、设计哲学、配色方案、视觉风格、推荐风格、选个风格、做个好看的、评审、好不好看、review this design。**主干能力**：Junior Designer工作流（先给假设+reasoning+placeholder再迭代）、反AI slop清单、React+Babel最佳实践、Tweaks变体切换、Speaker Notes演示、Starter Components（幻灯片外壳/变体画布/动画引擎/设备边框）、App原型专属守则（默认从Wikimedia/Met/Unsplash取真图、每台iPhone包AppPhone状态管理器可交互、交付前跑Playwright点击测试）、Playwright验证、HTML动画→MP4/GIF视频导出（25fps基础 + 60fps插帧 + palette优化GIF + 6首场景化BGM + 自动fade）。**需求模糊时的Fallback**：设计方向顾问模式——从5流派×20种设计哲学（Pentagram信息建筑/Field.io运动诗学/Kenya Hara东方极简/Sagmeister实验先锋等）推荐3个差异化方向，展示24个预制showcase（8场景×3风格），并行生成3个视觉Demo让用户选。**交付后可选**：专家级5维度评审（哲学一致性/视觉层级/细节执行/功能性/创新性各打10分+修复清单）。
"Huashu Design is an HTML-native design skill for AI agents. Create high-fidelity prototypes, app UIs, presentations, and animations in 3-30 minutes from a..."
agent-style
Literature-backed English technical-prose writing rules. Use when writing or editing prose in .md, .tex, .rst, or .txt files, especially research papers, proposals, documentation, and release notes.
"yzhao062/agent-style - 21 writing rules for AI agents. Drop-in for Claude Code, Codex, Copilot, Cursor. Fixes AI writing at generation time. 100 stars."
diy-mcp-connector
Builds a dedicated MCP server for a single web app by walking through API discovery, tool design, security review, implementation, testing, and deployment. Use when the user asks to create an MCP server, connect a web app to Claude Code, or build a tool integration for any web app.
"RT @ShrivuShankar: built a skill to convert any web app into an agent-friendly mcp server: using this to churn out…"
graphify-chokidar
watch a directory and auto-rebuild the graphify knowledge graph on file changes — token-aware, cancellable, no manual re-runs
"Your AI knowledge graph just got auto-updating. graphify-chokidar — watches your codebase and rebuilds your graphify knowledge graph on every save. Zero manual..."