Skill Creator
mgechev/skills-best-practices
Authors and structures professional-grade agent skills following the agentskills.io spec.
This skill provides rules for writing or updating a SKILL.md in this repository, including frontmatter validation, discovery description markers, and the 500-line body budget.
Install Igniteui Angular Skill Authoring
$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install IgniteUI/igniteui-angular igniteui-angular-skill-authoring --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/igniteui-angular-skill-authoring .claude/skills/igniteui-angular-skill-authoring && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "igniteui-angular-skill-authoring" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-skill-authoring into .claude/skills/igniteui-angular-skill-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-skill-authoring", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-skill-authoringType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install IgniteUI/igniteui-angular igniteui-angular-skill-authoring --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/igniteui-angular-skill-authoring .agents/skills/igniteui-angular-skill-authoring && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "igniteui-angular-skill-authoring" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-skill-authoring into .agents/skills/igniteui-angular-skill-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-skill-authoring", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install IgniteUI/igniteui-angular igniteui-angular-skill-authoring --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/igniteui-angular-skill-authoring .cursor/skills/igniteui-angular-skill-authoring && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "igniteui-angular-skill-authoring" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-skill-authoring into .cursor/skills/igniteui-angular-skill-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-skill-authoring", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/IgniteUI/igniteui-angular.git --path .agents/skills/igniteui-angular-skill-authoring--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install IgniteUI/igniteui-angular igniteui-angular-skill-authoring --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/igniteui-angular-skill-authoring .gemini/skills/igniteui-angular-skill-authoring && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "igniteui-angular-skill-authoring" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-skill-authoring into .gemini/skills/igniteui-angular-skill-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-skill-authoring", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install IgniteUI/igniteui-angular igniteui-angular-skill-authoringInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/igniteui-angular-skill-authoring .github/skills/igniteui-angular-skill-authoring && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "igniteui-angular-skill-authoring" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-skill-authoring into .github/skills/igniteui-angular-skill-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-skill-authoring", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install IgniteUI/igniteui-angular igniteui-angular-skill-authoring --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/igniteui-angular-skill-authoring .opencode/skills/igniteui-angular-skill-authoring && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "igniteui-angular-skill-authoring" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-skill-authoring into .opencode/skills/igniteui-angular-skill-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-skill-authoring", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
igniteui-angular-skill-authoring- GitHub stars
- 599
- Token cost
- ~977 tokens
- SKILL.md length
- 431 words
- Files
- 1
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- MIT
At a glance
This skill provides rules for writing or updating a SKILL.md in this repository, including frontmatter validation, discovery description markers, and the 500-line body budget.
- Works in 5 steps: Frontmatter passes the rules above. → The description includes WHEN TO USE:… → The body is under 500 lines, and every… → …
- Tasks that involve Skill authoring
- SKILL.md covers Location, Frontmatter, Token Budget and MCP Servers in Public Skills, plus 2 more sections
- Calls npx
What it does
Igniteui Angular Skill Authoring is an agent skill from IgniteUI/igniteui-angular. This skill provides rules for writing or updating a SKILL.md in this repository, including frontmatter validation, discovery description markers, and the 500-line body budget. WHEN TO USE: creating or editing skills. WHEN NOT TO USE: writing custom agents or looking up build, test, or lint commands.
Its SKILL.md is about 980 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Agent Workflows, covering Skill authoring. It works with Angular. The repository describes itself as: Ignite UI for Angular is a complete library of Angular UI components with the fastest grids and charts, dock manager, and more. The licence is MIT.
When your agent uses it
- Tasks that involve Skill authoring
Example prompts
- “/igniteui-angular-skill-authoring”
Requirements
- Node.js
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Frontmatter passes the rules above.
- The description includes WHEN TO USE: and WHEN NOT TO USE:.
- The body is under 500 lines, and every reference file is linked from SKILL.md.
- Public skills include the required MCP server check: igniteui-cli for component usage, igniteui-theming for theming.
- The skill is listed in the Skills table in AGENTS.md. Internal skills are also listed in .agents/README.md and…
What it can do on your machine
Read from SKILL.md and the folder at commit 5542bdb. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Igniteui Angular Skill Authoring loads about 977 tokens when it runs. Until then it costs about 83 tokens; SKILL.md has 431 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from IgniteUI/igniteui-angular at commit 5542bdb, republished under its MIT licence (© IgniteUI). 431 words, ~977 tokens.
Download SKILL.mdSave it as
.claude/skills/igniteui-angular-skill-authoring/SKILL.md (or your agent's skills folder).- name
- igniteui-angular-skill-authoring
- description
- This skill provides rules for writing or updating a SKILL.md in this repository, including frontmatter validation, discovery description markers, and the 500-line body budget. WHEN TO USE: creating or editing skills. WHEN NOT TO USE: writing custom agents or looking up build, test, or lint commands.
- license
- MIT
Ignite UI for Angular — Skill Authoring
Quick-reference for writing a SKILL.md that agents can discover and load reliably.
Location
- Internal, contributor-facing skills:
.agents/skills/<name>/SKILL.md - Public skills that ship with the package:
skills/<name>/SKILL.md - The folder name must match the
namefield.
Frontmatter
| Field | Rules |
|---|---|
license | Required. Must specify the license under which the skill is released. Default is MIT. |
name | Required. Max 64 characters. Lowercase letters, numbers, and hyphens only. No XML tags. No reserved words (anthropic, claude). Use the igniteui-angular- prefix. |
description | Required. Non-empty. Max 1,024 characters. No XML tags. |
Write the description in the third person: say what the skill covers, then add both markers:
WHEN TO USE:the tasks or triggers that should load the skill.WHEN NOT TO USE:nearby tasks it does not cover, naming the skill to use instead.
Agents see only name and description until they load the skill, so the description decides whether it is ever used.
Token Budget
- Keep the
SKILL.mdbody under 500 lines. - If it grows past that, use progressive disclosure: keep the overview and core rules in
SKILL.mdand move detail intoreferences/<topic>.mdfiles. - Link each reference file directly from
SKILL.md(one level deep) and say when to read it, so agents load it only when needed.
Show full SKILL.md (224 more words)Show less
MCP Servers in Public Skills
Which MCP server a public skill requires depends on what it covers:
| Skill covers | Required server | Verification call |
|---|---|---|
| Component or grid usage (selectors, imports, inputs, outputs, methods) | igniteui-cli | list_components with framework: "angular" |
| Theming (palettes, themes, typography, elevations, component design tokens) | igniteui-theming | detect_platform |
A skill that covers both, such as building views from a design, requires both servers. For each required server, the skill must:
- Verify the server before any other step, using the call in the table.
- If the tool is missing, tell the agent to configure it itself with
npx -y igniteui-cli ai-config(orig ai-config), ask the user to reload, and stop. Continuing without the server happens only at the user's explicit request, with unverified details flagged. - Never describe the server as optional or add "when available" fallbacks.
Follow the existing wording in igniteui-angular-components and igniteui-angular-theming.
Checklist
- Frontmatter passes the rules above.
- The description includes
WHEN TO USE:andWHEN NOT TO USE:. - The body is under 500 lines, and every reference file is linked from
SKILL.md. - Public skills include the required MCP server check:
igniteui-clifor component usage,igniteui-themingfor theming. - The skill is listed in the Skills table in AGENTS.md. Internal skills are also listed in .agents/README.md and .github/copilot-instructions.md.
Related Skills
igniteui-angular-build— Building the libraryigniteui-angular-testing— Running testsigniteui-angular-linting— Linting
© IgniteUI, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .agents/skills/igniteui-angular-skill-authoring of IgniteUI/igniteui-angular.
Open the folder on GitHubat commit 5542bdb
Compare with similar skills
Igniteui Angular Skill Authoring next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Igniteui Angular Skill Authoring this skillIgniteUI/igniteui-angular | 599 | — | ~977 | Automated safety check: Pass | MIT | |
| Skill Creatormgechev/skills-best-practices | 2.3k | — | ~1.1k | Automated safety check: Pass | None | |
| Skill CreatorAzure/azqr | 795 | 89 repos | ~8.2k | Automated safety check: Pass | Apache-2.0 | |
| Claude Code Skill Developer Guidediet103/claude-code-infrastructure-showcase | 10k | 11 repos | ~3.5k | Automated safety check: Pass | MIT | |
| Darwin Skill Optimizeralchaincyf/darwin-skill | 6.2k | 1 repos | ~4.7k | Automated safety check: Pass | MIT | |
| Claude Code Command Developmentanthropics/claude-plugins-official | 38k | 10 repos | ~4.8k | Automated safety check: Pass | Apache-2.0 |
Similar skills
- Official
Skill Creator
Azure/azqr
Create new skills, modify and improve existing skills, and measure skill performance.
Claude Code Skill Developer Guide
diet103/claude-code-infrastructure-showcase
A guide to creating and managing Claude Code skills with auto-activation: skill-rules.json triggers, hooks, enforcement levels, YAML frontmatter and progressive disclosure.
Darwin Skill Optimizer
alchaincyf/darwin-skill
Scores SKILL.md files on a nine-dimension rubric, then improves them in a keep-or-revert loop with independent judge agents, test prompts, git history and human checkpoints.
- Official
Claude Code Command Development
anthropics/claude-plugins-official
Explains how to write Claude Code slash commands: Markdown files with YAML frontmatter, arguments, file references, bash context and interactive prompts.
- Official
Claude Code Plugin Structure
anthropics/claude-plugins-official
Explains the directory layout, plugin.json manifest and component organization of a Claude Code plugin, including auto-discovery and portable paths.
More from IgniteUI/igniteui-angular
All 9 skills in this repoIgniteui Angular Build
IgniteUI/igniteui-angular
Quick-reference for building the core Ignite UI for Angular library and related packages.
Igniteui Angular Linting
IgniteUI/igniteui-angular
Quick-reference for linting the core Ignite UI for Angular library.
Igniteui Angular Generate From Image Design
IgniteUI/igniteui-angular
Implements Angular application views from design images using Ignite UI Angular components.
Igniteui Angular Theming
IgniteUI/igniteui-angular
Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server.
Igniteui Angular Figma To App
IgniteUI/igniteui-angular
Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.
Igniteui Angular Testing
IgniteUI/igniteui-angular
Quick-reference for running Ignite UI for Angular test suites.
Related
Works with
Categories
Questions about Igniteui Angular Skill Authoring
What does Igniteui Angular Skill Authoring do?
This skill provides rules for writing or updating a SKILL.md in this repository, including frontmatter validation, discovery description markers, and the 500-line body budget. Igniteui Angular Skill Authoring is an agent skill from IgniteUI/igniteui-angular.md in this repository, including frontmatter validation, discovery description markers, and the 500-line body budget.
When should I use Igniteui Angular Skill Authoring?
Igniteui Angular Skill Authoring fits situations like: tasks that involve Skill authoring.
How do I install Igniteui Angular Skill Authoring in Claude Code?
Run `npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a claude-code`. Or copy the skill folder (.agents/skills/igniteui-angular-skill-authoring in IgniteUI/igniteui-angular) into .claude/skills/igniteui-angular-skill-authoring in your project. Claude Code loads it when a task matches its description.
How do I install Igniteui Angular Skill Authoring in Codex?
Run `npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a codex`. Or copy the skill folder (.agents/skills/igniteui-angular-skill-authoring in IgniteUI/igniteui-angular) into .agents/skills/igniteui-angular-skill-authoring in your project. Codex loads it when a task matches its description.
Can I use Igniteui Angular Skill Authoring in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-skill-authoring -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/igniteui-angular-skill-authoring, .gemini/skills/igniteui-angular-skill-authoring, .github/skills/igniteui-angular-skill-authoring and .opencode/skills/igniteui-angular-skill-authoring in your project.
What does Igniteui Angular Skill Authoring need to run?
Going by SKILL.md and its folder, Igniteui Angular Skill Authoring needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
Does Igniteui Angular Skill Authoring access the network?
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Igniteui Angular Skill Authoring safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Igniteui Angular Skill Authoring use?
Igniteui Angular Skill Authoring is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Igniteui Angular Skill Authoring use?
About 977 tokens (SKILL.md is roughly 3.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Igniteui Angular Skill Authoring?
Skills that share tags, products or a category with Igniteui Angular Skill Authoring: Skill Creator (mgechev/skills-best-practices, 2.3k stars), Skill Creator (Azure/azqr, 795 stars), Claude Code Skill Developer Guide (diet103/claude-code-infrastructure-showcase, 10k stars) and Darwin Skill Optimizer (alchaincyf/darwin-skill, 6.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Igniteui Angular Skill Authoring?
IgniteUI (a GitHub organization) maintains it in IgniteUI/igniteui-angular, which has 599 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 7, 2026.
Source: IgniteUI/igniteui-angular on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.