implement-components
Implement all nodes from component spec with Figma design context
Skill by nonoroazoro
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/nonoroazoro-implement-components
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/implement-components
Tools it pre-approves 3
From allowed-tools in SKILL.md: the agent may use these without asking you each time.
mcp__figma-desktop__get_design_context,mcp__figma-desktop__get_screenshot,mcp__figma-desktop__get_variable_defs
What's inside
- Skill name
implement-components- Description
- Implement all nodes from component spec with Figma design context
- License
- unknown
- Allowed tools
- mcp__figma-desktop__get_design_context,, mcp__figma-desktop__get_screenshot,, mcp__figma-desktop__get_variable_defs
- Instructions
- 49 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from nonoroazoro/ai
- 0.571score
code-review
nonoroazoro
Review code changes or repositories for correctness, security, performance, architecture, maintainability, dead code, unnecessary complexity, and technical…
SkillBFreshness: B★ 5Claude Code +9 - 0.568score
create-changelog
nonoroazoro
Generate changelog entries from Git history following Keep a Changelog.
SkillBFreshness: B★ 5Claude Code +9 - 0.568score
create-git-commit
nonoroazoro
Create Git commits using the repository's existing commit style.
SkillBFreshness: B★ 5Claude Code +9 - 0.459score
improve-prompt
nonoroazoro
Optimize prompts for AI agents and skills.
SkillDFreshness: D★ 5Claude Code +9 - 0.456score
design-components
nonoroazoro
Architecture and component design expert, design the component spec based on Figma design data and frontend best practices.
SkillDFreshness: D★ 5Claude Code +9 - 0.453score
implement-components
nonoroazoro
Implement all nodes from component spec with Figma design context, fix code based on audit results
SkillDFreshness: D★ 5Claude Code +9 - 0.453score
figma-to-code
nonoroazoro
Convert Figma designs to frontend code by orchestrating an Agent Team
SkillDFreshness: D★ 5Claude Code +9 - 0.450score
figma-to-code-subagents
nonoroazoro
Convert Figma designs to frontend code
SkillDFreshness: D★ 5Claude Code +9 - 0.241score
audit-component
nonoroazoro
No description from the publisher yet.
SkillDFreshness: D★ 5Claude Code +9
Signals
- Stars
- 5
- Forks
- 2
- Open issues
- 0
- Last commit (this folder)
- Mar 6, 2026 (7 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/nonoroazoro/ai
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from nonoroazoro
- 0.571score
code-review
nonoroazoro
Review code changes or repositories for correctness, security, performance, architecture, maintainability, dead code, unnecessary complexity, and technical…
SkillBFreshness: B★ 5Claude Code +9 - 0.568score
create-changelog
nonoroazoro
Generate changelog entries from Git history following Keep a Changelog.
SkillBFreshness: B★ 5Claude Code +9 - 0.568score
create-git-commit
nonoroazoro
Create Git commits using the repository's existing commit style.
SkillBFreshness: B★ 5Claude Code +9 - 0.459score
improve-prompt
nonoroazoro
Optimize prompts for AI agents and skills.
SkillDFreshness: D★ 5Claude Code +9 - 0.456score
design-components
nonoroazoro
Architecture and component design expert, design the component spec based on Figma design data and frontend best practices.
SkillDFreshness: D★ 5Claude Code +9 - 0.453score
implement-components
nonoroazoro
Implement all nodes from component spec with Figma design context, fix code based on audit results
SkillDFreshness: D★ 5Claude Code +9
Cite this page
implement-components skill. Agent Mart. https://agentmart.dev/skills/nonoroazoro-implement-components (last updated 2026-10-24)