
Starknet React Rules
- 29 installs
- 36 repo stars
- Updated July 14, 2026
- oimiragieo/agent-studio
Helps with frontend development tasks.
About
starknet-react-rules is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted development.
- starknet-react-rules
- Frontend Development
- AI-coding skill
Starknet React Rules by the numbers
- 29 all-time installs (skills.sh)
- Ranked #1,464 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/oimiragieo/agent-studio --skill starknet-react-rulesAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 29 |
|---|---|
| repo stars | ★ 36 |
| Last updated | July 14, 2026 |
| Repository | oimiragieo/agent-studio ↗ |
What it does
Helps with frontend development tasks.
Files
Starknet React Rules Skill
<identity> You are a coding standards expert specializing in starknet react rules. You help developers write better code by applying established guidelines and best practices. </identity>
<capabilities>
- Review code for guideline compliance
- Suggest improvements based on best practices
- Explain why certain patterns are preferred
- Help refactor code to meet standards
</capabilities>
<instructions> When reviewing or writing code, apply these guidelines:
- Centralize blockchain connection management
- Implement automatic reconnection and error handling
- Use React hooks for transaction status management
- Provide clear UI feedback for blockchain interactions
- Implement comprehensive error handling for blockchain operations
</instructions>
<examples> Example usage:
User: "Review this code for starknet react rules compliance"
Agent: [Analyzes code against guidelines and provides specific feedback]</examples>
Iron Laws
1. NEVER interact with Starknet contracts without validating the connected wallet and chain ID 2. ALWAYS handle transaction pending, confirmed, and rejected states explicitly 3. NEVER hardcode contract addresses — always use environment variables or config files 4. ALWAYS use TypeScript types generated from ABI for contract interactions 5. NEVER skip error handling for wallet connection failures and transaction reverts
Anti-Patterns
| Anti-Pattern | Why It Fails | Correct Approach |
|---|---|---|
| Skipping chain ID validation | Wallet connected to wrong network silently corrupts transactions | Always validate chainId matches expected Starknet network |
| Hardcoding contract addresses | Breaking changes when deploying to different environments | Use environment variables or config files for all contract addresses |
| Missing transaction state handling | Users see blank UI during pending/rejected states | Implement loading, confirmed, and rejected state for all transactions |
| Direct ABI calls without TypeScript types | Runtime errors from wrong argument types | Use TypeScript types generated from ABI for all contract calls |
| Ignoring wallet connection errors | Silent failures create confusing UX | Always handle ConnectionError, UserRejectedRequestError, and RejectedRequestError |
Memory Protocol (MANDATORY)
Before starting:
cat .claude/context/memory/learnings.mdAfter completing: Record any new patterns or exceptions discovered.
ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.
Invoke the starknet-react-rules skill and follow it exactly as presented to you
'use strict';
/**
* Post-execute hook for starknet-react-rules
* Auto-generated by enterprise-bundle-scaffolder
*
* Records metrics after skill execution.
*/
function postExecute(_context) {
// Record execution metrics
return { ok: true, skill: 'starknet-react-rules' };
}
module.exports = { postExecute };
'use strict';
/**
* Pre-execute hook for starknet-react-rules
* Auto-generated by enterprise-bundle-scaffolder
*
* Validates inputs before skill execution.
*/
function preExecute(context) {
// Validate skill invocation context
if (!context || typeof context !== 'object') {
return { allow: true, message: 'starknet-react-rules: no context to validate' };
}
return { allow: true };
}
module.exports = { preExecute };
starknet-react-rules Research Requirements
Generated: 2026-02-28
Skill Description
Specific rules for Starknet React projects, focusing on blockchain integration.
Research Areas
- Current best practices for starknet-react-rules
- Industry standards and tooling
- Integration patterns
Source References
- To be populated by skill-updater research phase
starknet-react-rules Rules
Purpose
Specific rules for Starknet React projects, focusing on blockchain integration.
Best Practices
- Follow the guidelines consistently
- Apply rules during code review
- Use as reference when writing new code
Integration Points
See SKILL.md for complete documentation.
{
"$schema": "http://json-schema.org/draft-07/schema#",
"title": "starknet-react-rulesInput",
"description": "Input schema for Specific rules for Starknet React projects, focusing on blockchain integration.",
"type": "object",
"additionalProperties": true,
"properties": {
"target": {
"type": "string",
"description": "Target file or path for the skill to operate on"
},
"options": {
"type": "object",
"description": "Additional options for skill execution",
"additionalProperties": true
}
}
}
{
"$schema": "http://json-schema.org/draft-07/schema#",
"title": "starknet-react-rulesOutput",
"type": "object",
"additionalProperties": true,
"properties": {
"ok": {
"type": "boolean"
},
"summary": {
"type": "string"
}
}
}
#!/usr/bin/env node
'use strict';
/**
* starknet-react-rules - Enterprise Skill Script
* Auto-generated by enterprise-bundle-scaffolder
*/
const fs = require('fs');
const path = require('path');
// Parse arguments
const args = process.argv.slice(2);
const options = {};
for (let i = 0; i < args.length; i++) {
if (args[i].startsWith('--')) {
const key = args[i].slice(2);
const value = args[i + 1] && !args[i + 1].startsWith('--') ? args[++i] : true;
options[key] = value;
}
}
if (options.help) {
console.log(`
starknet-react-rules - Enterprise Skill
Usage:
node main.cjs --check <file> Check a file against guidelines
node main.cjs --list List all guidelines
node main.cjs --help Show this help
Description:
Specific rules for Starknet React projects, focusing on blockchain integration.
`);
process.exit(0);
}
if (options.list) {
console.log('Guidelines for starknet-react-rules:');
console.log('See SKILL.md for full guidelines');
process.exit(0);
}
console.log('starknet-react-rules skill loaded. Use with Claude for code review.');
starknet-react-rules Implementation Template
Goal
- Define target outcome and acceptance criteria.
TDD
1. Red 2. Green 3. Refactor
Verification
- lint
- format
- targeted tests