Skill description
Build distinctive production-ready interfaces
frontend-design helps agents turn product requests into responsive interfaces with clear art direction and polished interactive states.
Distinct visual language
Select typography, color, layout, and imagery that fit the product instead of repeating common AI interface patterns.
Complete implementation
Create responsive components, interaction states, and finishing details ready for real applications.
Installation guide
Set up MCP integration
Connect the skill to your agent environment with the steps below.
- 1
Go to Dashboard -> MCP Key, name your key, create it, and copy it immediately. The key is shown only once.
Go to Dashboard -> MCP Key, name your key, create it, and copy it immediately. The key is shown only once.
- 2
Add the MCP configuration below to Claude Code, Cursor, Antigravity, or your IDE. Replace YOUR_MCP_KEY with the key from step 1.
Add the MCP configuration below to Claude Code, Cursor, Antigravity, or your IDE. Replace YOUR_MCP_KEY with the key from step 1.
- 3
Restart the IDE or reload MCP servers. Then ask your agent to use the skill with the prompt below.
Restart the IDE or reload MCP servers. Then ask your agent to use the skill with the prompt below.
{
"mcpServers": {
"nskill": {
"serverUrl": "https://[your-project].supabase.co/functions/v1/mcp",
"headers": {
"Authorization": "Bearer YOUR_MCP_KEY"
}
}
}
}Use skill [tên-skill] from nskill to do this: [describe your request]
Frequently asked questions
What is frontend-design used for?expand_more
frontend-design is available through the authenticated nskill MCP connection and follows the published skill metadata and license.
How do I connect frontend-design to my agent?expand_more
Create an MCP key in Dashboard -> MCP Key, add it to your client configuration, restart the client, and call the skill through nskill.
What access does frontend-design require?expand_more
The public catalog exposes metadata only. Protected SKILL.md content is returned only to an authenticated MCP request with an active permission and a passed scan.
Reviews (0)
0.0
Based on 0 reviews
Write a review
Share your experience with this skill to help other users.
No reviews yet. Be the first to share your experience.