返回技能列表

creative-coder

majiayu000
更新于 8 days ago
11 次查看
58
9
58
在 GitHub 上查看
其他design

关于

The creative-coder skill helps developers translate UI animation and interaction design goals into implementable constraints without sacrificing accessibility or performance. It provides a structured framework for designing state transitions and timing, prioritizing reduced-motion support and core web vitals. Use this skill for consultations on implementing expressive UI animations, micro-interactions, and scroll/transition effects.

快速安装

Claude Code

推荐
主要方式
npx skills add majiayu000/claude-skill-registry -a claude-code
插件命令备选方式
/plugin add https://github.com/majiayu000/claude-skill-registry
Git 克隆备选方式
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/creative-coder

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

majiayu000/claude-skill-registry
路径: skills/data/creative-coder
0

相关推荐技能

accessibility-engineer

其他

这是一个为开发者提供无障碍开发指导的Claude Skill。它在进行UI实现和前端开发时,提供基于“原生元素优先、最小化ARIA”原则的决策框架,确保键盘操作、屏幕阅读器和对比度等无障碍要求。该Skill的核心是帮助开发者构建语义化的HTML/JSX结构,并正确应用WAI-ARIA属性。

查看技能

architecture-expert

其他

这是一个帮助开发者进行架构设计的Claude Skill。它通过分析约束和权衡,以ADR-lite形式引导团队就组件边界、数据流和非功能性需求达成共识。当项目存在`doc/input/rdd.md`文档或涉及系统拆分、职责划分等关键设计决策时,可使用此Skill来结构化设计过程。

查看技能

biz-researcher

其他

这是一个帮助开发者进行商业研究和决策的Claude Skill。它专注于为市场调研、竞品分析和假设验证等任务,系统化地整理信息来源、证据和不确定性,最终输出可行动的调查建议。其核心特性是严格区分事实与推测、重视可验证的出处,并明确下一步的验证步骤,以避免决策基于虚假引用或猜测。

查看技能

developer-specialist

其他

这是一个面向开发者的Claude Skill,旨在通过“最小且准确”的增量设计和TDD(红-绿-重构)循环来指导代码实现与重构。它专注于防止设计腐化(如职责不清、重复代码、临时方案),并将任务拆解为可评审的最小变更单元。该Skill适用于功能实现、缺陷修复、重构和代码质量改进等具体开发场景,帮助开发者在保证质量的同时提升交付速度。

查看技能