Agent skill · Frontend

implement-github-feature

Design and implement a new feature or component from a GitHub issue. Use for net-new functionality, not bug fixes.

AgnosticUIgithub.com/AgnosticUIGitHub ↗
claude-codecan modify filesApache-2.0
Install
npx skills add AgnosticUI/agnosticui --skill implement-github-feature --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 6 KB
Bundled scripts: none
Allowed tools: ReadGrepGlobEditWriteBash(ghissueview*)Bash(ghprview
Path: .claude/skills/implement-github-feature/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 822
Language: TypeScript

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

**Usage:** `/implement-github-feature ISSUE_NUMBER` **Example:** `/implement-github-feature 281` Implement GitHub feature request $ARGUMENTS following AgnosticUI conventions, accessibility standards, and CSS-first principles. --- ## Setup 1. **Read project context** - Read `.claude/PROJECT_CONTEXT.md` - Understand: - Repository structure - Design principles - Accessibility requirements - Branch conventions - Component workflows --- ## Phase 0: Safety Checks (Required) 2. **Verify clean starting state** - Run `git status` - Confirm: - Working directory is clean - Current branch is `master` - If either condition fails: - **STOP** - Ask the user to resolve before continuing --- ## Phase 1: Branching 3. **Propose feature branch** - Follow convention: `issue-$ARGUMENTS/short-descriptive-name` - Example: `issue-281/selection-card-group` - Run: ``` git checkout -b issue-$ARGUMENTS/short-description ``` - **WAIT FOR USER APPROVAL of branch name before proceeding** --- ## Phase 2: Issue Analysis & Intent Extraction (No Code) 4. **Analyze the GitHub issue** - Fetch full details: ``` gh issue view $ARGUMENTS ``` - Extract and summarize: - Feature goals - Non-goals / constraints - API expectat

What's inside
Steps it walks through
  1. Setup
  2. Phase 0: Safety Checks (Required)
  3. Phase 1: Branching
  4. Phase 2: Issue Analysis & Intent Extraction (No Code)
  5. Phase 3: Design Proposal (Hard Stop Before Code)
  6. Phase 4: Scaffolding (Minimal, Intentional)
  7. Phase 5: Core Implementation (Lit Web Components First)
  8. Phase 6: Framework Integrations
  9. Phase 7: Documentation & Examples
  10. Phase 8: Final Review & Commit
  11. Phase 9: Handoff
  12. Important Rules
More from agnosticui
All skills →
About this skill
What does the implement-github-feature skill do?

Design and implement a new feature or component from a GitHub issue. Use for net-new functionality, not bug fixes.

How do I install it?

Run `npx skills add AgnosticUI/agnosticui --skill implement-github-feature --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From AgnosticUI/agnosticui, a repository with 822 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going