← Back to Skills Marketplace
mar-frontend-design
by
MarjorieBroad
· GitHub ↗
· v1.0.0
· MIT-0
81
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install mar-frontend-design
Description
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Gener...
Usage Guidance
This skill is a design-and-implementation guide for frontends and appears coherent and safe as documentation. Things to consider before installing or running agent actions that use it:
- The skill itself is instruction-only and doesn't execute on install, but following its recommendations (npx commands, shadcn setup, pulling fonts/packages) will contact external package registries and font CDNs — review any commands before running them.
- The SKILL.md asserts it "never" makes network requests, yet suggests commands and tools that do; treat that as a documentation inaccuracy rather than a technical capability.
- Check licensing for any recommended fonts and third-party UI libraries before including them in production.
- If you plan to allow autonomous agent execution, be aware that the agent could run build or install commands that will access the network; limit autonomous privileges if you want to avoid unintended package fetches.
Overall this skill is internally consistent with its stated purpose; no hostile or disproportionate requirements were found.
Capability Tags
Capability Assessment
Purpose & Capability
The name/description match the included design guidance and implementation recommendations (React, Next.js, Tailwind, Framer Motion, etc.). The skill does not request unrelated binaries, env vars, or access. One minor discrepancy: the registry metadata lists no homepage while the included Frontend Design/SKILL.md file references a SkillBoss homepage URL — a documentation mismatch but not a functional issue.
Instruction Scope
The SKILL.md and supporting files only provide design guidance, code samples, and developer commands (e.g., npx shadcn init). The files claim 'This skill NEVER: Makes network requests / Accesses user data / Stores any information' but also suggest commands (npx, skillboss sync, font/package choices) that, when executed by a developer/agent, would contact package registries or remote services. As written, the skill is guidance-only and does not itself perform network I/O, but following its recommended commands will require network access and third-party packages/fonts.
Install Mechanism
No install spec and no code files that would be executed at install time. Risk from install mechanism is minimal because this is instruction-only; any install/network activity would happen only if a user/agent explicitly runs the suggested commands.
Credentials
The skill does not request environment variables, credentials, or config paths. The guidance references external packages and fonts (normal for frontend work) but does not attempt to access or require secrets.
Persistence & Privilege
always is false and the skill is user-invocable. It does not request persistent presence or attempt to modify other skills or system-wide settings. Autonomous invocation is allowed by default but there are no signs this skill needs elevated privileges.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install mar-frontend-design - After installation, invoke the skill by name or use
/mar-frontend-design - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
- Initial release of the mar-frontend-design skill.
- Provides guidelines for creating distinctive, production-grade frontend interfaces with unique and memorable aesthetics.
- Emphasizes strong conceptual direction, bold design choices, and creative code implementations.
- Details specific do's and don'ts for typography, color, motion, layout, and visual details to avoid generic or overused patterns.
- Outlines standards for output: functional, polished code with a clear, refined aesthetic point of view.
Metadata
Frequently Asked Questions
What is mar-frontend-design?
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Gener... It is an AI Agent Skill for Claude Code / OpenClaw, with 81 downloads so far.
How do I install mar-frontend-design?
Run "/install mar-frontend-design" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is mar-frontend-design free?
Yes, mar-frontend-design is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does mar-frontend-design support?
mar-frontend-design is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created mar-frontend-design?
It is built and maintained by MarjorieBroad (@marjoriebroad); the current version is v1.0.0.
More Skills