[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FWA4ECF9GD3NV5AH5HVQWH":3,"skill-same:01M6FWA4ECF9GD3NV5AH5HVQWH":61},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":29,"linkOnly":30,"markdownContent":31,"markdownBody":32,"frontMatter":33,"refName":34,"commitSha":35,"skillDirectory":36,"forksCount":37,"repositoryHtmlUrl":38,"repositoryHomepageUrl":6,"ownerHtmlUrl":39,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":40,"install":41,"resources":54},"01M6FWA4ECF9GD3NV5AH5HVQWH","animation-gen",null,"Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.","kbarbel640-del\u002Fskills","kbarbel640-del","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F255315490?v=4","01M6CJPPQGCCESXMG3K7BBGQ5J","01M6CJPPX2PB2BCZERFVM2C2B3",1,"MIT","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Fai-animation\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28],"Animation","animation gen","css","generate","math","use","plain english","motion","framer motion","english","you","2026-11-10 10:12:30",false,"---\nname: animation-gen\ndescription: Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.\n---\n\n# Animation Generator\n\nDescribing animations is easy. Writing the keyframes and easing functions is not. Tell this tool what you want to see and it'll give you the CSS or Framer Motion code to make it happen.\n\n**One command. Zero config. Just works.**\n\n## Quick Start\n\n```bash\nnpx ai-animation \"fade in from left with bounce\"\n```\n\n## What It Does\n\n- Converts plain English descriptions to actual animation code\n- Supports CSS keyframes and Framer Motion variants\n- Handles complex multi-step animations\n- Outputs production-ready code you can drop in\n\n## Usage Examples\n\n```bash\n# Get CSS keyframes\nnpx ai-animation \"pulse glow effect\" -f css\n\n# Get Framer Motion variant\nnpx ai-animation \"staggered list entrance\" -f framer\n\n# Save to file\nnpx ai-animation \"smooth slide up reveal\" -f both -o animations.ts\n\n# Complex animation\nnpx ai-animation \"shake horizontally three times then settle\"\n```\n\n## Best Practices\n\n- **Be descriptive** - \"bounce twice then fade\" beats \"make it move\"\n- **Mention timing** - include \"slow\", \"fast\", \"0.5s\" if timing matters\n- **Specify direction** - \"from left\", \"upward\", \"diagonal\" helps a lot\n- **Test on device** - animations feel different on mobile\n\n## When to Use This\n\n- Building landing pages and need attention-grabbing effects\n- Adding micro-interactions to your UI\n- You can picture the animation but can't write the math\n- Prototyping quickly before fine-tuning manually\n\n## Part of the LXGIC Dev Toolkit\n\nThis is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.\n\n**Find more:**\n- GitHub: https:\u002F\u002Fgithub.com\u002FLXGIC-Studios\n- Twitter: https:\u002F\u002Fx.com\u002Flxgicstudios\n- Substack: https:\u002F\u002Flxgicstudios.substack.com\n- Website: https:\u002F\u002Flxgicstudios.com\n\n## Requirements\n\nNo install needed. Just run with npx. Node.js 18+ recommended. Needs OPENAI_API_KEY environment variable.\n\n```bash\nnpx ai-animation --help\n```\n\n## How It Works\n\nTakes your natural language description and translates it into animation primitives. The AI understands common animation terms like \"bounce\", \"ease\", \"stagger\" and converts them to proper timing functions and keyframe values.\n\n## License\n\nMIT. Free forever. Use it however you want.\n\n---\n\n**Built by LXGIC Studios**\n\n- GitHub: [github.com\u002Flxgicstudios\u002Fai-animation](https:\u002F\u002Fgithub.com\u002Flxgicstudios\u002Fai-animation)\n- Twitter: [@lxgicstudios](https:\u002F\u002Fx.com\u002Flxgicstudios)\n","# Animation Generator\n\nDescribing animations is easy. Writing the keyframes and easing functions is not. Tell this tool what you want to see and it'll give you the CSS or Framer Motion code to make it happen.\n\n**One command. Zero config. Just works.**\n\n## Quick Start\n\n```bash\nnpx ai-animation \"fade in from left with bounce\"\n```\n\n## What It Does\n\n- Converts plain English descriptions to actual animation code\n- Supports CSS keyframes and Framer Motion variants\n- Handles complex multi-step animations\n- Outputs production-ready code you can drop in\n\n## Usage Examples\n\n```bash\n# Get CSS keyframes\nnpx ai-animation \"pulse glow effect\" -f css\n\n# Get Framer Motion variant\nnpx ai-animation \"staggered list entrance\" -f framer\n\n# Save to file\nnpx ai-animation \"smooth slide up reveal\" -f both -o animations.ts\n\n# Complex animation\nnpx ai-animation \"shake horizontally three times then settle\"\n```\n\n## Best Practices\n\n- **Be descriptive** - \"bounce twice then fade\" beats \"make it move\"\n- **Mention timing** - include \"slow\", \"fast\", \"0.5s\" if timing matters\n- **Specify direction** - \"from left\", \"upward\", \"diagonal\" helps a lot\n- **Test on device** - animations feel different on mobile\n\n## When to Use This\n\n- Building landing pages and need attention-grabbing effects\n- Adding micro-interactions to your UI\n- You can picture the animation but can't write the math\n- Prototyping quickly before fine-tuning manually\n\n## Part of the LXGIC Dev Toolkit\n\nThis is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.\n\n**Find more:**\n- GitHub: https:\u002F\u002Fgithub.com\u002FLXGIC-Studios\n- Twitter: https:\u002F\u002Fx.com\u002Flxgicstudios\n- Substack: https:\u002F\u002Flxgicstudios.substack.com\n- Website: https:\u002F\u002Flxgicstudios.com\n\n## Requirements\n\nNo install needed. Just run with npx. Node.js 18+ recommended. Needs OPENAI_API_KEY environment variable.\n\n```bash\nnpx ai-animation --help\n```\n\n## How It Works\n\nTakes your natural language description and translates it into animation primitives. The AI understands common animation terms like \"bounce\", \"ease\", \"stagger\" and converts them to proper timing functions and keyframe values.\n\n## License\n\nMIT. Free forever. Use it however you want.\n\n---\n\n**Built by LXGIC Studios**\n\n- GitHub: [github.com\u002Flxgicstudios\u002Fai-animation](https:\u002F\u002Fgithub.com\u002Flxgicstudios\u002Fai-animation)\n- Twitter: [@lxgicstudios](https:\u002F\u002Fx.com\u002Flxgicstudios)\n",{"name":5,"description":7},"main","e7e336ac628c3e3bd771aff1aaa469c93778f94a","skills\u002Flxgicstudios\u002Fai-animation",0,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del","2026-08-23 22:39:37",{"source":8,"skillName":5,"commands":42,"prompt":52,"zipAvailable":53},[43,46,49],{"tool":44,"command":45},"npx","npx skills add kbarbel640-del\u002Fskills --skill animation-gen",{"tool":47,"command":48},"bunx","bunx skills add kbarbel640-del\u002Fskills --skill animation-gen",{"tool":50,"command":51},"pnpm","pnpm dlx skills add kbarbel640-del\u002Fskills --skill animation-gen","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Fai-animation\u002FSKILL.md",true,[55],{"path":56,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":59,"sourceHtmlUrl":60},"_meta.json","REFERENCE","参考文档",471,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Flxgicstudios\u002Fai-animation\u002F_meta.json",[62,93,121,142,148,168],{"skillNo":63,"name":64,"nameZh":6,"description":65,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":66,"categories":67,"keywords":73,"publishedAt":29},"01M6G8J55967D6281ACMKAKTEQ","crowd-prompting","A marketplace where AI agents improve prompts, system instructions, tool descriptions, and other text-based content with domain expertise from real-world operations — and earn tokens for valuable contributions.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzzadrian\u002Fcrowd-prompting\u002FSKILL.md",[68],{"categoryNo":69,"categoryName":70,"taxonomyType":71,"taxonomyTypeDesc":72},"01JBSEEDCAT000000000000036","内容创作者","PROFESSION","适用职业",[74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92],"crowd prompting","prompting","api","with","tokens","domain","world","prompts","operations","instructions","text","tool","system","improve","productivity","marketplace","https","content","ai agents",{"skillNo":94,"name":95,"nameZh":6,"description":96,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":97,"categories":98,"keywords":104,"publishedAt":29},"01M6G8J0PKPAYVET6BWE8W4C26","dilemm-ai","Compete in DilemmAI, the prisoner's dilemma AI arena at dilemm.ai. Use when an OpenClaw agent wants to create an account, design and submit strategy prompts for their bot, enter matchmaking, analyze historical matches and leaderboards, and iterate on bot strategy. Requires headless browser automation (no API available yet).","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzyori\u002Fdilemm-ai\u002FSKILL.md",[99],{"categoryNo":100,"categoryName":101,"taxonomyType":102,"taxonomyTypeDesc":103},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[105,76,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,81,23],"dilemm ai","arena","analyze","browser","openclaw agent","create","automation","browser automation","bot","openclaw","design","strategy","headless","compete","submit","matchmaking",{"skillNo":122,"name":123,"nameZh":6,"description":124,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":125,"categories":126,"keywords":130,"publishedAt":29},"01M6G8HWAF3K9SW7NP3Z83CPJ6","arxiv-paper-reviews","Interact with arXiv Crawler API to fetch papers, read reviews, and submit comments. Use when working with arXiv papers, fetching paper lists by date\u002Fcategory\u002Finterest, viewing paper details with comments, or submitting paper reviews via API at http:\u002F\u002F150.158.152.82:8000.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzxrys\u002Fweak-accept\u002FSKILL.md",[127],{"categoryNo":128,"categoryName":129,"taxonomyType":102,"taxonomyTypeDesc":103},"01JBSEEDCAT000000000000021","资料检索与研究",[131,132,133,134,135,136,137,77,138,119,23,139,76,140,141],"arxiv paper reviews","reviews","arxiv","paper","crawler","papers","comments","fetch","read","http","via",{"skillNo":143,"name":123,"nameZh":6,"description":124,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":144,"categories":145,"keywords":147,"publishedAt":29},"01M6G8HQJ7N7WMY6YV7D7SSJ16","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzxrys\u002Farxiv-paper-reviews\u002FSKILL.md",[146],{"categoryNo":128,"categoryName":129,"taxonomyType":102,"taxonomyTypeDesc":103},[134,133,132,131,141,136,137,77,135,119,23,138,139,76,140],{"skillNo":149,"name":150,"nameZh":6,"description":151,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":152,"categories":153,"keywords":154,"publishedAt":29},"01M6G8HM95Y64JNVFC2HN4E2BG","git-summary","Get a quick summary of the current Git repository including status, recent commits, branches, and contributors.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzweack\u002Fgit-summary\u002FSKILL.md",[],[155,156,157,158,159,160,161,162,163,164,165,166,167],"git","summary","git summary","commits","repository","win32","status","linux","contributors","true","quick","get","branches",{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":178,"publishedAt":29},"01M6G8HGEGF05CNEJCGVYFSC4R","agent-constitution","Interact with AgentConstitution governance contracts on Base Sepolia. Check compliance, read rules, log actions, query governance state.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fztsalexey\u002Fagent-constitution\u002FSKILL.md",[174,175],{"categoryNo":100,"categoryName":101,"taxonomyType":102,"taxonomyTypeDesc":103},{"categoryNo":176,"categoryName":177,"taxonomyType":71,"taxonomyTypeDesc":72},"01JBSEEDCAT000000000000037","律师与法务",[179,180,181,182,77,183,184,34,185,139,186,187,188,189,190,90,191,192,193],"agent constitution","constitution","contracts","tree","query","base","log","check","Rules","projects","compliance","actions","state","governance","github"]