Updated 8mo ago
by AntonHu
ai-coding-project
AI Coding 落地架构的参考项目，支持所有主流支持 Skills 的 Agent/AI Coding IDE。
110 GitHub stars (110)
+1 in 16 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | +1 |
| Oct 10 | 0 |
| Oct 11 | −1 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | +1 |
| Oct 15 | 0 |
| Oct 16 | 0 |
- 13 skills (13 skills found in its SKILL.md files)
- 35 forks (35 forks)
- 8mo ago last update (Last updated 8mo ago)
Install
Skills CLI
npx skills add AntonHu/ai-coding-project
Asks which skills and agents to install. Just one: npx skills add AntonHu/ai-coding-project --skill create-api — add -g for every project.
Claude Code
git clone https://github.com/AntonHu/ai-coding-projectcp -r "ai-coding-project/.agents/skills/create-api" ~/.claude/skills/
Copies the create-api skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add AntonHu/ai-coding-project
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
create-api
指导在前端项目中按团队规范创建和维护 HTTP 接口，包括类型定义、请求封装、命名约定与错误处理。当前端需要新增或调整 API 时使用本技能。
.agents/skills/create-api/SKILL.md on GitHub (opens in a new tab) -
create-component
指导在前端项目中按团队规范创建和拆分 React 组件，包括目录结构、文件命名、样式与主题变量使用。当前端需要新增或重构组件时使用本技能。
.agents/skills/create-component/SKILL.md on GitHub (opens in a new tab) -
create-proposal
通用创建提案技能。根据需求是否有设计稿或 UI 描述、是否有接口、是页面还是功能组件等可选条件，决定设计稿分析、接口与数据层、以及实现后的 UI 还原验收等步骤。适用于各类需求提案，不限于纯 UI 页面。
.agents/skills/create-proposal/SKILL.md on GitHub (opens in a new tab) -
create-route
指导在前端项目中按团队规范创建和维护路由，包括目录结构、Page 与 Loader 职责划分及懒加载用法。当前端需要新增或重构页面路由时使用本技能。
.agents/skills/create-route/SKILL.md on GitHub (opens in a new tab) -
create-store
指导在前端项目中按团队规范使用 Zustand 创建和维护全局状态 store，包括目录结构、命名与持久化策略。当前端需要新增或重构状态管理时使用本技能。
.agents/skills/create-store/SKILL.md on GitHub (opens in a new tab) -
design-analysis
通用设计稿分析技能。只要需要「分析设计稿、梳理前端 UI 开发任务」，就使用本技能。产出 UI 分析清单，供开发与验收参照。
.agents/skills/design-analysis/SKILL.md on GitHub (opens in a new tab) -
find-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
.agents/skills/find-skills/SKILL.md on GitHub (opens in a new tab) -
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
.agents/skills/skill-creator/SKILL.md on GitHub (opens in a new tab) -
theme-variables
指导在前端项目中正确使用 Ant Design 与自定义主题 CSS 变量，避免硬编码颜色并保证暗色/浅色主题切换一致性。当前端编写或修改样式时使用本技能。
.agents/skills/theme-variables/SKILL.md on GitHub (opens in a new tab) -
ui-verification
通用 UI 验收技能。验收必须以「实际页面效果 vs 设计稿」为准，必须使用浏览器工具 (Browser) 查看目标页面，通过页面截图与设计稿截图比对、或页面元素与 .pen 设计稿元素比对等落地方式完成验收，并产出问题清单与反思。
.agents/skills/ui-verification/SKILL.md on GitHub (opens in a new tab) -
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture.
.agents/skills/vercel-composition-patterns/SKILL.md on GitHub (opens in a new tab) -
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
.agents/skills/vercel-react-best-practices/SKILL.md on GitHub (opens in a new tab) -
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
.agents/skills/web-design-guidelines/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
superpowersby obra An agentic skills framework & software development methodology that works.
-
skillsby mattpocock Skills for Real Engineers. Straight from my .agents directory.
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
-
skillsby anthropics Public repository for Agent Skills