Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add henriqueneves87/ai-coding-toolkit --skill "create-rule"
Install specific skill from multi-skill repository
# Description
Creates Windsurf rules for persistent AI guidance. Use for coding standards, project conventions, file-specific patterns, or AGENTS.md.
# SKILL.md
name: create-rule
description: Creates Windsurf rules for persistent AI guidance. Use for coding standards, project conventions, file-specific patterns, or AGENTS.md.
disable-model-invocation: true
Creating Cursor Rules
Create project rules in .cursor/rules/ to provide persistent context for the AI agent.
Gather Requirements
Before creating a rule, determine:
- Purpose: What should this rule enforce or teach?
- Scope: Should it always apply, or only for specific files?
- File patterns: If file-specific, which glob patterns?
Inferring from Context
If you have previous conversation context, infer rules from what was discussed. You can create multiple rules if the conversation covers distinct topics or patterns. Don't ask redundant questions if the context already provides the answers.
Required Questions
If the user hasn't specified scope, ask:
- "Should this rule always apply, or only when working with specific files?"
If they mentioned specific files and haven't provided concrete patterns, ask:
- "Which file patterns should this rule apply to?" (e.g., **/*.ts, backend/**/*.py)
It's very important that we get clarity on the file patterns.
Use the AskQuestion tool when available to gather this efficiently.
Rule File Format
Rules are .mdc files in .cursor/rules/ with YAML frontmatter:
.cursor/rules/
typescript-standards.mdc
react-patterns.mdc
api-conventions.mdc
File Structure
---
description: Brief description of what this rule does
globs: **/*.ts # File pattern for file-specific rules
alwaysApply: false # Set to true if rule should always apply
---
# Rule Title
Your rule content here...
Frontmatter Fields
| Field | Type | Description |
|---|---|---|
description |
string | What the rule does (shown in rule picker) |
globs |
string | File pattern - rule applies when matching files are open |
alwaysApply |
boolean | If true, applies to every session |
Rule Configurations
Always Apply
For universal standards that should apply to every conversation:
---
description: Core coding standards for the project
alwaysApply: true
---
Apply to Specific Files
For rules that apply when working with certain file types:
---
description: TypeScript conventions for this project
globs: **/*.ts
alwaysApply: false
---
Best Practices
Keep Rules Concise
- Under 50 lines: Rules should be concise and to the point
- One concern per rule: Split large rules into focused pieces
- Actionable: Write like clear internal docs
- Concrete examples: Ideally provide concrete examples of how to fix issues
Example Rules
TypeScript Standards
---
description: TypeScript coding standards
globs: **/*.ts
alwaysApply: false
---
# Error Handling
\`\`\`typescript
// โ BAD
try {
await fetchData();
} catch (e) {}
// โ
GOOD
try {
await fetchData();
} catch (e) {
logger.error('Failed to fetch', { error: e });
throw new DataFetchError('Unable to retrieve data', { cause: e });
}
\`\`\`
React Patterns
---
description: React component patterns
globs: **/*.tsx
alwaysApply: false
---
# React Patterns
- Use functional components
- Extract custom hooks for reusable logic
- Colocate styles with components
Checklist
- [ ] File is
.mdcformat in.cursor/rules/ - [ ] Frontmatter configured correctly
- [ ] Content under 500 lines
- [ ] Includes concrete examples
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.